← Back to Docs
Recipe
Color Picker
A sleek color selection interface with live preview, hex input, and preset swatches. Built with native HTML inputs and Tailwind.
Selected Color
#8B5CF6
Violet 500
Usage
import { ColorPicker } from '@/components/color-picker'
// Controlled component with onChange callback
<ColorPicker value={color} onChange={setColor} />