Color Picker
The Color Picker provides a swatch button that opens a color palette for selection.
Basic Usage
import { Colorpicker } from "@paramanu/forms-react"
export default function App() { return <Colorpicker />}<div class="pm-colorpicker pm-colorpicker--md"> <button type="button" class="pm-colorpicker__swatch" aria-label="Choose color" style="background-color:#3b82f6"></button></div>Accessibility
| Feature | Detail |
|---|---|
| Swatch | Labeled with aria-label |
| Keyboard | Enter/Space opens picker |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | "xs" | "sm" | "md" | "lg" | "md" | Picker size |
disabled | boolean | false | Disabled state |
open | boolean | false | Open state |