Package Exports
- @spectrum-web-components/color-loupe
- @spectrum-web-components/color-loupe/package.json
- @spectrum-web-components/color-loupe/sp-color-loupe.js
- @spectrum-web-components/color-loupe/src/ColorLoupe.js
- @spectrum-web-components/color-loupe/src/color-loupe.css.js
- @spectrum-web-components/color-loupe/src/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@spectrum-web-components/color-loupe) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
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-loupeImport 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>