ColorSlider

A color slider allows users to adjust an individual channel of a color value.

0°
 
colorSpace 
channel 
orientation 
isDisabled 
Example
ColorSlider.tsx
ColorSlider.css
theme.css
import {MyColorSlider} from './ColorSlider';

<MyColorSlider
  channel="hue"
  defaultValue="hsl(0, 100%, 50%)" />

Anatomy

Shows a color slider component with labels pointing to its parts, including the track, thumb, label, and output elements.ThumbTrackOutputLabelLabelHue230°