← All Components

ColorSelector

Utilities

Color palette picker with preset colors and optional label.

Live Demo

Click a color swatch to select it.

Selected: (none)

Compact variant:

Usage

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

<ColorSelector />

Props

PropTypeDefaultDescription
selectedColorstring | nullnullSelected color
onSelect(color: string | null) => void-Selection callback
colorLabelstring"Collection Color"Label text
compactbooleanfalseCompact display mode