Honeycomb

Slider

An input where the user selects a value from within a given range.

When To Use

  • To select a numeric value within a range.
  • For volume, brightness, or price controls.
Basic
A simple slider with a default value.
Range
A range slider with two thumb values.
Vertical
A vertical slider.
Disabled
A disabled slider.