ColorPicker.
Native color swatch paired with hex validation and copy control.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
value | string | Yes | — | — | Current six-digit hex color (e.g. #ac1c23). |
onValueChange | (hex: string) => void | No | — | — | Called on valid color changes. |
label | string | No | Accent color | — | Accessible color input name. |
disabled | boolean | No | false | true · false | Disable color edits and copying. |
className | string | No | — | — | Additional CSS class on the outer component element. |