Channel sliders

Red, green, blue and opacity sliders with numeric fields, each track redrawn from the others.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

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

Files

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

Source

https://github.com/keenthemes/reui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Slider Components
• React Slider Components
• Tailwind CSS Slider Components

More from ReUI

• Basic slider.
• Slider with tick marks
• Slider with dynamic tooltip indicator
• Rating slider with emoji feedback
• Disabled slider
• Slider with multiple discrete values
• Vertical slider with range selection
• Slider with controlled value tracking
• Slider with range selection
• Slider synced with number input
• Color temperature slider
• Slider with reference labels