Components
Loading preview...
Interactive color picker component.
npx shadcn@latest add https://21st.dev/r/tom_ui/color-selectorimport { ColorSelector } from "@/components/ui/color-selector"
export default function ColorSelectorDemo() {
return (
<div className="flex items-center justify-center min-h-[400px] p-8">
<ColorSelector
colors={["red", "blue", "green", "purple", "orange", "pink", "yellow", "cyan"]}
defaultValue="blue"
/>
</div>
)
}