ColorSelector

Utilities

Color palette picker with preset colors and optional label.

Live Demo

Click a color swatch to select it.

Selected: (none)

Compact variant:

<script>
  import { ColorSelector } from "jatui"
</script>

<ColorSelector />

Prop	Type	Default	Description
`selectedColor`	`string \| null`	`null`	Selected color
`onSelect`	`(color: string \| null) => void`	`-`	Selection callback
`colorLabel`	`string`	`"Collection Color"`	Label text
`compact`	`boolean`	`false`	Compact display mode