Skip to main contentCarbon Design System

Slider

Preview the slider component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

<div className="some-container">
<Slider
ariaLabelInput="Label for slider value"
id="slider"
labelText="Slider label"
max={100}
min={0}
step={1}
stepMultiplier={4}
value={50}
/>
</div>
Slider
Modifiers