Slider
An input where the user selects a value from within a given range.
Installation
Usage
<Slider defaultValue={[33.]} max={100.} step={1.} />Examples
Range
Use an array with two values for a range slider.
Multiple Thumbs
Use an array with multiple values for multiple thumbs.
Vertical
Use orientation="vertical" for a vertical slider.
Controlled
0.3, 0.7
Disabled
Use the disabled prop to disable the slider.
API Reference
See the Base UI Slider documentation.