Nonlinear Programming Methods

    @spectrum-web-components/color-loupe
    TypeScript icon, indicating that this package has built-in type declarations

    0.4.2 • Public • Published

    Description

    An <sp-color-loupe> shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.

    Usage

    See it on NPM! How big is this package in your project? Try it on webcomponents.dev

    yarn add @spectrum-web-components/color-loupe
    

    Import the side effectful registration of <sp-color-loupe> via:

    import '@spectrum-web-components/color-loupe/sp-color-loupe.js';
    

    When looking to leverage the ColorLoupe base class as a type and/or for extension purposes, do so via:

    import { ColorLoupe } from '@spectrum-web-components/color-loupe';
    

    Example

    <div style="padding: 100px 0 0;">
        <div style="position:relative">
            <sp-color-loupe open="" dir="ltr"></sp-color-loupe>
        </div>
    </div>

    Install

    npm i @spectrum-web-components/color-loupe

    DownloadsWeekly Downloads

    380

    Version

    0.4.2

    License

    Apache-2.0

    Unpacked Size

    200 kB

    Total Files

    38

    Last publish

    Collaborators

    • hunterloftis
    • westbrook
    • benjamind
    • adixon
    • cuberoot
    • msdewey
    • najikahalsema