ColorPicker
Hue/saturation pad + lightness slider + hex input + preset swatches. Outputs a hex string via onChange.
Preview
Usage
import { ColorPicker } from '@ramtt/ui'
<ColorPicker value={color} onChange={setColor} width={240} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | '#4A90D9' | Current color in #rrggbb |
| onChange | (hex: string) => void | — | Called when color changes |
| presets | string[] | — | Preset swatch hex array. Defaults to RAMTT palette. |
| width | number | 240 | Picker width in px |
| className | string | — | Additional Tailwind classes |