DUColorPicker
FormsColor input with swatch shortcuts.
import { DUColorPicker } from 'deri-ui';Live preview
typescript
<DUColorPicker label="Brand" value={color} onChange={setColor} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | Hex color |
| swatches | string[] | — | Preset colors |
| onChange | (value: string) => void | — | Handler |
Usage
import { DUColorPicker } from 'deri-ui';
<DUColorPicker label="Brand" value={color} onChange={setColor} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.