- Exciting release!Introducing "safe npm". Learn more →
@spectrum-web-components/color-loupe
Advanced tools
- Version published
- Maintainers
- 7
- Weekly downloads
- 1,729
- increased by209.86%
Weekly downloads
Readme
Description
An <sp-color-loupe> shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.
Usage
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>
FAQs
An `<sp-color-loupe>` shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.
The npm package @spectrum-web-components/color-loupe receives a total of 1,424 weekly downloads. As such, @spectrum-web-components/color-loupe popularity was classified as popular.
We found that @spectrum-web-components/color-loupe demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.