Minikit — Docs

ColorPicker

Swatches, hex input, eyedropper.

/color-picker

Accent/foreground color selection with swatches, hex input, and optional eyedropper.

Accent color

Preview

Prop	Type	Default	Description
value	string	—	Hex color value.
onValueChange	(color: string) => void	—	Change handler.
swatches	string[]	—	Preset colors.
showEyedropper	boolean	true	Show eyedropper button.
className	string	—	Optional CSS class.

color-picker.tsx

Also copy lib/utils.ts (cn helper):

lib/utils.ts

Loading…