GitHub
Open Github

Color Selector

Interactive color picker component.

Installation

pnpm dlx shadcn@latest add @spell/color-selector

Examples

Size

Callback

Usage

import { ColorSelector } from "@/components/color-selector";
<ColorSelector
  colors={["red", "blue", "green"]}
  defaultValue="blue"
  onColorSelect={(color) => console.log(color)}
/>

Props

PropTypeDefault
colors
string[]
-
defaultValue
string
-
size
string
default
name
string
-
onColorSelect
(color: string) => void
-
className
string
-