Components
Loading preview...
A @shadcn-ui compatible color picker using @uiw/react-color
@uplusion23
npx shadcn@latest add https://21st.dev/r/uplusion23/color-pickerimport { ColorPicker } from "@/components/ui/color-picker"
import { Button } from "@/components/ui/button"
import { ChevronDownIcon } from "lucide-react"
function ColorPickerDemo() {
return (
<ColorPicker value="#5a289e">
<Button variant="outline" className="flex items-center gap-2">Open Color Picker <ChevronDownIcon size={16} /></Button>
</ColorPicker>
)
}
export { ColorPickerDemo }