Colors
Color Wheel
A circular color selection tool that visualizes the full color spectrum for intuitive and precise color picking, supporting controlled values and disabled states.
Basic
A color wheel allows users to select a color through an interactive circular interface.
Loading...
Installation
npx shadcn@latest add @intentui/color-wheelComposed components
When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.
This component comes packed with several components to enhance functionality and provide a seamless experience.
Manual installation
npm i react-aria-componentsAnatomy
import { ColorWheel } from "@/components/ui/color-wheel"
<ColorWheel aria-label="Background color" />Controlled
Manage the color wheel in a controlled manner, adjusting the color value as needed.
Loading...
Disabled
Disable the color wheel to prevent interaction.
Loading...