Preset swatches
Round label colors to pick from, a plus that opens the full picker, and a live label preview.
- Library
- ReUI
- Framework
- React
- Type
- block
- License
- MIT
- Install
npx shadcn@latest add @reui/c-color-picker-5- Files
registry-reui/bases/radix/components/color-picker/c-color-picker-5.tsxregistry-reui/bases/radix/reui/badge.tsxregistry-reui/bases/radix/reui/color-picker.tsxregistry/bases/radix/ui/card.tsxregistry/bases/radix/ui/field.tsxregistry/bases/radix/ui/input.tsxapp/(create)/components/icon-placeholder.tsxlib/icon-library-store.ts
- Source
- https://github.com/keenthemes/reui
Categories
- Color Palette Components
- React Color Palette Components
- Tailwind CSS Color Palette Components
- Utility Components
- React Utility Components
- Tailwind CSS Utility Components
More from ReUI
- Alert
- Autocomplete
- Badge
- A basic single-expand accordion
- Accordion with rotating arrow indicator
- Accordion pattern for onboarding or setup steps with icons, badges, and QR codes
- Accordion with plus/minus indicators
- Accordion with borders and rounded corners
- Accordion embedded within a Card
- Accordion with disabled items and highlighted state
- Advanced accordion with custom icons and badges
- Accordion items integrated within Frame and FramePanel