A color picker + input combo component
You can click the swatch to pick a color or type a hexadecimal value in the text input.
color picker
1import ColorPicker from '@tempoplatform/tpds/components/color-picker'
2const [selectedColor, setSelectedColor] = React.useState('#ff0000')
3
4<ColorPicker
5 hexColor={selectedColor}
6 onChangeHandler={value => setSelectedColor(value)}
7/>
Prop Name
Type
Default
Required
Description
selectedColor
string
null
Yes
The selected color to display, hexadecimal format
onChangeHandler
Function
null
Yes
Handler function to pass updates to the host component.