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.

Preview

Code

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

When you plug this component from the CLI, it autoloads all the composed components. No need to toss 'em in one at a time.

The Color Wheel's decked out with several components to make it bangin'.

Swipe left or right to adjust values, like sliding the volume on your stereo, perfect for gradual control.

Field's a core piece every other component uses. It flexes reusable styles, showing up in inputs, labels, descriptions, and more.

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

And next, you can copy the code below and paste it into your dopest component folder.

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

Preview

Code

hex#FF0000

hexa#FF0000FF

rgbrgb(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)

Disable the color wheel to prevent interaction.

Preview

Code