Sliders
50
<Slider
orientation="horizontal"
size="extra-small"
type="single"
/>Variant
Orientation
Show icon
Discrete
Collapsible
Disabled
Slider
<Slider />Discrete slider
<Slider discrete step={10} />Collapsible slider
Collapsible sliders look like progress bars until they are hovered or focused.
<Slider collapsible />Slider sizes
<Slider size="extra-small" />
<Slider size="small" />
<Slider size="medium" />
<Slider size="large" />
<Slider size="extra-large" />Slider with icon
Medium or larger sliders can accommodate an icon.
volume_up
<Slider icon="volume_up" size="medium" />