Color input

Typable field that reads hex, rgb(), hsl(), oklch() or a CSS name, with a swatch that opens the picker.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-color-picker-3

Files

• registry-reui/bases/radix/components/color-picker/c-color-picker-3.tsx
• registry-reui/bases/radix/reui/color-picker.tsx
• registry/bases/radix/ui/field.tsx
• registry/bases/radix/ui/label.tsx
• registry/bases/radix/ui/separator.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/dropdown-menu.tsx
• registry/bases/radix/ui/input-group.tsx

Source

https://github.com/keenthemes/reui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input 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