ColorInput
ColorInput Component
Playground
#6c2bd9
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| showHex | boolean | — | |
| disabled | boolean | — |
Default
#6c2bd9
WithLabel
#22c55eBrand Color
NoHex
Disabled
#6c2bd9
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
disabled | boolean | — | Disabled state |
showHex | boolean | — | Show hex value text |
Using ColorInputtsx
import { ColorInput } from '@/components/ColorInput'
<ColorInput
showHex="..."
disabled="..."
/>Tokens Used
No design tokens detected