Skip to main content

Solid color picker

<SolidColorPicker
value={value}
onChange={(value) => setData(value)}
/>

Highlighted props

For the complete list of props, use your IDE's autocomplete functionality.

Allow transparent colors

<SolidColorPicker
value={value}
onChange={(value) => setData(value)}
allowTransparency
/>

Change output color format

<SolidColorPicker
value={value}
onChange={(value) => setData(value)}
outputFormat='rgb'
/>

Hide advanced options

<SolidColorPicker
value={value}
onChange={(value) => setData(value)}
noAdvancedOptions
/>