Fader
Standard · 0–6 scale
Control Gallery
Review every input control and its variants. This page is self-contained with hardcoded demo data — safe to delete when no longer needed.
Continuous controls
Fader
Large · 0–6 scale
Fader
Standard · 0–10 scale
Dial
Standard · 0–6 scale
Dial
Large · 0–6 scale
Dial
Extra large · 0–6 scale (dial + isLarge)
Dial
Disabled · 0–6 scale
Wheel
Standard · 0–6 scale
Wheel
Large · 0–6 scale
Wheel
Disabled · 0–6 scale
Horizontal slider
Slider
SOPS · 0–6 scale
Slider
Extended · 0–10 scale
Segment controls
SegmentSelector
Horizontal · 3 options (segment)
SegmentSelector
Horizontal · 5 options with detail (segment)
VerticalSegmentSelector
Vertical stack · 4 options (segmentVertical)
CategoricalDial
Arc dial · 5 segments (segmentDial)
CategoricalDial
Extra large · 5 segments (segmentDial + isLarge)
InsetRadialDial
Rotating drum · 5 options with detail (insetRadialDial)
InsetRadialDial
Large · 6 options (insetRadialDial + isLarge)
ButtonGrid
2-column grid · 6 options (buttonGrid)
SliderGroup
6 vertical sliders · abbreviated labels (sliderGroup)
SelectedSliderGroup
Shared horizontal slider · button per option (selectedSliderGroup)
SegmentedSlider
Snapping slider · 5 segments (segmentSlider)