Cephalopod

Color Picker

A component for selecting a color.

Example

Select a color

Selected: #3b82f6

Usage

Code Example
import { ColorPicker } from "cephalopod-design-system"

const [color, setColor] = useState("#3b82f6")

<ColorPicker 
  label="Select a color" 
  value={color} 
  onChange={(e) => setColor(e.target.value)} 
/>