Color Thumb

A color thumb is a circular element that can be dragged to change the color value.

If you are using Tailwind v4, please refer to the 2.x documentation. This documentation assumes you are using Tailwind v3.

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.

Installation

If you hit any issues, make sure you check out the installation guide here.

Manual Installation

Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.