OKLCH theme token

Lightness, chroma and hue sliders for a --primary token, with a live Button and Badge preview.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

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

Files

• registry-reui/bases/radix/components/color-picker/c-color-picker-6.tsx
• registry-reui/bases/radix/reui/badge.tsx
• registry-reui/bases/radix/reui/color-picker.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/card.tsx
• registry/bases/radix/ui/checkbox.tsx
• registry/bases/radix/ui/input-group.tsx
• registry/bases/radix/ui/label.tsx

Source

https://github.com/keenthemes/reui

Categories

• Chip Components
• React Chip Components
• Tailwind CSS Chip Components
• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components

More from ReUI

• Badge
• Default badge
• Info outline badge
• Success outline badge
• Warning outline badge
• Primary light badge
• Destructive light badge
• Success light badge
• Info light badge
• Warning light badge
• Badge size variations
• Badge with full radius (radius="full")