Color Picker

The Color Picker component lets users pick from a list of provided colors, enter a color value, or open the browser's native color input.

Preview

Config

Value

The selected color as a hex code, e.g. #bada55.

Disabled

Sets the disabled state.

Readonly

Sets the read-only state.

Inline

Displays the picker as a standalone component instead of a trigger button.

Key

Storage key for recently used colors. Pickers sharing the same key share their recents.