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

1.7.0 • Published 6 months ago

Install

Weekly downloads

4

License

Apache-2.0

Repository

Last release

6 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>

design-system spectrum adobe adobe-spectrum web components web-components lit-element lit-html component css

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

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

7 months ago

0.0.0-20250211061642

10 months ago

0.0.0-20241211110529

12 months ago

1.7.0-snapshot.20250519151006

6 months ago

0.0.0-20241209155954

12 months ago

8 months ago

7 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

0.0.0-20241211114228

12 months ago

9 months ago

0.0.0-20250210092211

10 months ago

8 months ago

7 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.0.0-20250327111926

8 months ago

1.7.0-snapshot.20250519143559

6 months ago

0.0.0-20241211115453

12 months ago

8 months ago

9 months ago

7 months ago

0.0.0-20250210095839

10 months ago

9 months ago

1.7.0-snapshot.20250609112703

6 months ago

1 year ago

1 year ago

0.0.0-20241211113516

12 months ago

1 year ago

1.0.1-color-testing

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1.3.0-testing.0

9 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

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

10 months ago

10 months ago

0.0.0-20250210074307

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

9 months ago

1 year ago

12 months ago

12 months ago

1 year ago

0.0.0-20241211111227

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

9 months ago

12 months ago

9 months ago

1 year ago

1.6.1-preview-2d9fabee.20250507183133

7 months ago

0.0.0-20250210113716

10 months ago

0.0.0-20241211112232

12 months ago

12 months ago

0.0.0-20250210080630

10 months ago

10 months ago

0.0.0-20241211071818

12 months ago

10 months ago

10 months ago

10 months ago

9 months ago

0.0.0-20250210081721

10 months ago

10 months ago

9 months ago

9 months ago

0.0.0-20250210104349

10 months ago

0.0.0-20241211070850

12 months ago

6 months ago

8 months ago

0.0.0-20241211112924

12 months ago

1.7.0-snapshot.20250519200040

6 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

7 months ago

9 months ago

0.0.0-20250410163257

8 months ago

0.0.0-modal-performance-20250414163725

8 months ago

9 months ago

0.0.0-20250210075156

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

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

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

1 year ago

1 year ago

1 year ago

1 year ago

2 years 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

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

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

0.30.1-overlay.30

3 years ago

0.33.1-overlay.39

2 years ago

0.30.1-overlay.31

3 years ago

2 years ago

2 years ago

0.30.1-overlay.38

3 years ago

0.30.1-overlay.37

3 years ago

0.30.1-overlay.41

3 years ago

0.30.1-overlay.42

3 years ago

0.30.1-overlay.40

3 years ago

3 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

3 years ago

0.31.1-overlay.29

3 years ago

3 years ago

3 years ago

0.4.9-overlay.9

3 years ago

0.4.9-overlay.8

3 years ago

3 years ago

0.5.1-overlay.15

3 years ago

0.5.1-overlay.14

3 years ago

0.5.1-overlay.17

3 years ago

0.5.1-overlay.11

3 years ago

0.5.1-overlay.10

3 years ago

0.5.1-overlay.13

3 years ago

0.5.1-overlay.12

3 years ago

0.5.1-overlay.18

3 years ago

0.4.9-overlay.22

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.4.6-overlay-warning.19

3 years ago

3 years ago

3 years ago

3 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

4 years ago

4 years ago

4 years ago

4 years ago

0.3.2-express.41

4 years ago

4 years ago

4 years ago

0.3.4-express.9

4 years ago

0.3.3-express.12

4 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

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

0.0.2-alpha.1403

5 years ago

0.1.0-alpha.1407

5 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