color-picker
Color pickers allow the user to select a color.
Usage
color-picker(label="Select a color")Formats
Use the format attribute to control the color format.
color-picker(label="Hex" format="hex")color-picker(label="RGB" format="rgb")Features
Enable features like opacity and swatches.
color-picker(label="With opacity" opacity)color-picker(label="With swatches" swatches="#f00; #0f0; #00f")Attributes
| Name | Type | Default | Description |
|---|---|---|---|
label | string | - | Accessible label. |
format | hex | rgb | hsl | hsv | hex | Output color format. |
opacity | boolean | false | Enables opacity slider. |
swatches | string | - | Semicolon-separated color swatches. |
size | small | medium | large | medium | Component size. |
disabled | boolean | false | Prevents interaction. |