Color Picker
v1.0.0Lets users pick a color from the native color palette.
Interactive Implementation
Click the swatch to open the color picker and pick a color.
#8b5cf6
Color Picker API Reference
All available props for this component.
| Property | Type | Default | Description |
|---|---|---|---|
| label | string | undefined | Label rendered above the color picker control. |
| description | string | undefined | Secondary helper text rendered below the label. |
| value | string | undefined | Controlled hex color value for the picker. |
| defaultValue | string | "#3b82f6" | Uncontrolled initial hex color on first render. |
| onChange | (value: string) => void | undefined | Callback triggered when the color value changes. |
| error | string | undefined | Error message rendered below the control with destructive styling. |