Colors
Color Thumb
A draggable indicator used in color selection tools, letting users fine tune a chosen color with precise adjustments for accurate color customization.
Basic
When you install a color that requires dragging, you'll need a color thumb. Naturally, you wouldn’t want to install it manually. So, for each color that requires this component, it will be installed automatically.
Loading...
Installation
Install the component via the CLI in one command.
npm
pnpm
yarn
bun
npx shadcn@latest add @intentui/color-thumb
Manual installation
Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.
npm
pnpm
yarn
bun
npm install react-aria-components
Design Intent UI
Build modern web apps faster with 1000+ resources across components, blocks, patterns, templates, and starter kits.