Colors

Color Wheel

Spin through the color spectrum on this wheel, picking hues like a game show contestant spins for a prize—fun and functional.

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

Plug this component into the CLI, and it automatically loads all the included components. No need to add them individually.

The Color Wheel comes packed with a variety of components to make it stand out.

Color Thumb

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

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.

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.

Grid ListCheckbox Group