Inline color panel

Saturation area, hue and opacity sliders, format fields and preset swatches rendered in place.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

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

Files

• registry-reui/bases/radix/components/color-picker/c-color-picker-1.tsx
• registry-reui/bases/radix/reui/color-picker.tsx
• registry/bases/radix/ui/card.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/dropdown-menu.tsx
• registry/bases/radix/ui/input-group.tsx
• registry/bases/radix/ui/popover.tsx
• registry/bases/radix/ui/separator.tsx

Source

https://github.com/keenthemes/reui

Categories

• Color Picker Components
• React Color Picker Components
• Tailwind CSS Color Picker Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Select Components
• React Select Components
• Tailwind CSS Select Components

More from ReUI

• Autocomplete
• Basic autocomplete control
• Small autocomplete
• Large autocomplete
• Form integration
• Disabled state
• Auto highlight option as you type
• Control with label
• With clear button
• With trigger button
• With clear and trigger buttons
• With groups and labels