Color Picker

Choose a color with a visual picker and editable value.

@sigil-ui/componentsReact

Preview

import { ColorPicker } from "@sigil-ui/components";

<ColorPicker defaultValue="oklch(0.62 0.20 264)" />

Prop	Type	Default	Description
`value`	`string`	—	The current controlled value.
`defaultValue`	`string`	—	Initial value when the component manages its own state.
`onChange`	`(color: string) => void`	—	Called when the value changes.
`swatches`	`string[]`	—	Swatches configuration.
`disabled`	`boolean`	—	Prevents user interaction when enabled.

Collapsible

Reveal optional content from an accessible trigger.

Combobox

Search a list of options and select a value.