Color Picker
A swatch grid and hex input for picking colors.
Install
npx shadcn add @clearly/color-pickerPreview
Live Color Picker component — see usage below.
Usage
import { ColorPicker } from "@/components/ui/color-picker"
<ColorPicker />Every Clearly component also accepts glass (subtle·medium·strong), specular and className.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Selected hex color (e.g. "#4CB880"). |
onChange | (hex: string) => void | — | Fires when a swatch or valid hex is picked. |