Color Wheel

Loading...

Installation

Install the component via the CLI in one command.

npx shadcn@latest add @intentui/color-wheel

Composed components

When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.

Manual installation

Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.

npm install react-aria-components

Anatomy

import { ColorWheel } from "@/components/ui/color-wheel"
<ColorWheel aria-label="Background color" />

Examples

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...

Component API

ColorWheel

The ColorWheel component renders a circular hue selector.

PropTypeDefault
classNamestring-

See the React Aria for the full API reference.