Components

Color Wheel

A circular color selection tool that visualizes the full color spectrum for intuitive and precise color picking.

Basic

A color wheel allows users to select a color through an interactive circular interface.

Installation

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

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.

The Color Wheel comes packed with several components to enhance functionality and provide a seamless experience.

A draggable indicator within color selection tools, allowing users to fine-tune their chosen color.

Manual Installation

Make sure you also install the composed components and the required packages for the component to function properly.

Anatomy

Controlled

Manage the color wheel in a controlled manner, adjusting the color value as needed.

hex#FF0000hexa#FF0000FFrgbrgb(255, 0, 0)rgbargba(255, 0, 0, 1)hslhsl(0, 100%, 50%)hslahsla(0, 100%, 50%, 1)hsbhsb(0, 100%, 100%)hsbahsba(0, 100%, 100%, 1)

Disabled

Disable the color wheel to prevent interaction.

Get premium Blocks

Create stunning, professional-grade layouts that not only save time but also elevate the quality of your projects.
Previous
Color Thumb
Next
Command Menu