@spectrum-web-components/color-handle NPM | npm.io

1.0.0 • Published 8 months ago

Install

Weekly downloads

4

License

Apache-2.0

Repository

Last release

8 months ago

Description

The <sp-color-handle> is used to select a colour on an <sp-color-area>, <sp-color-slider>, or <sp-color-wheel>. It functions similarly to the handle on an <sp-slider>.

Usage

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

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

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

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

import { ColorHandle } from '@spectrum-web-components/color-handle';

Standard

<sp-color-handle></sp-color-handle>

Disabled

<sp-color-handle disabled></sp-color-handle>

Open

When the <sp-color-handle> uses the open property, the <sp-color-loupe> component can be used above the handle to show the selected color that would otherwise be covered by a mouse, stylus, or finger on the down/touch state. This can be customized to appear only on finger-input, or always appear regardless of input type.

<div style="height: 72px"></div>
<sp-color-handle open></sp-color-handle>

spectrum css web components lit-element lit-html

@spectrum-web-components/base @spectrum-web-components/color-loupe @spectrum-web-components/opacity-checkerboard

@infinitebrahmanuniverse/nolb-_spe @everything-registry/sub-chunk-857 @spectrum-web-components/color-area @spectrum-web-components/color-field @spectrum-web-components/color-slider @spectrum-web-components/color-wheel @spectrum-web-components/bundle @swc-react/color-handle @uxds-web-components/color-area @uxds-web-components/color-field @uxds-web-components/color-slider @uxds-web-components/color-wheel

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

1 year ago

9 months ago

11 months ago

11 months ago

10 months ago

1 year ago

10 months ago

10 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.33.3-overlay.66

2 years ago

0.33.3-overlay.65

2 years ago

0.33.3-overlay.61

2 years ago

0.31.1-react.21

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.30.1-overlay.30

2 years ago

0.33.1-overlay.39

2 years ago

0.30.1-overlay.31

2 years ago

2 years ago

2 years ago

0.30.1-overlay.38

2 years ago

0.30.1-overlay.37

2 years ago

0.30.1-overlay.41

2 years ago

0.30.1-overlay.42

2 years ago

0.30.1-overlay.40

2 years ago

2 years ago

0.33.1-overlay.41

2 years ago

0.32.1-overlay.33

2 years ago

0.32.1-overlay.41

2 years ago

2 years ago

0.31.1-overlay.29

2 years ago

2 years ago

2 years ago

0.4.9-overlay.9

2 years ago

0.4.9-overlay.8

2 years ago

2 years ago

0.5.1-overlay.15

2 years ago

0.5.1-overlay.14

2 years ago

0.5.1-overlay.17

2 years ago

0.5.1-overlay.11

2 years ago

0.5.1-overlay.10

2 years ago

0.5.1-overlay.13

2 years ago

0.5.1-overlay.12

2 years ago

0.5.1-overlay.18

2 years ago

0.4.9-overlay.22

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

0.4.6-overlay-warning.19

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

0.4.0-devmode.0

3 years ago

0.3.11-devmode.0

3 years ago

0.3.11-devmode.7

3 years ago

3 years ago

0.3.12-devmode.0

3 years ago

3 years ago

3 years ago

0.3.12-devmode2.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.3.2-express.41

3 years ago

3 years ago

3 years ago

0.3.4-express.9

3 years ago

0.3.3-express.12

3 years ago

4 years ago

4 years ago

4 years ago

0.2.1-lit-next.0

4 years ago

4 years ago

4 years ago

0.1.11-lit-next.0

4 years ago

0.1.10-lit-next.24

4 years ago

0.1.10-lit-next.0

4 years ago

4 years ago

0.1.9-lit-next.0

4 years ago

4 years ago

0.1.8-lit-next.82

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.0.2-alpha.1403

4 years ago

0.1.0-alpha.1407

4 years ago

0.0.2-alpha.1239

5 years ago

0.0.2-alpha.1238

5 years ago

0.0.2-alpha.1214

5 years ago