Components
Slider
Interactive control for selecting a value or range from a continuous scale
Preview
Volume
Installation
Usage
Examples
Controlled
Manage slider state externally.
Controlled
Range Slider
Select a range with two handles.
Price range
With Steps
Snap to discrete step values.
Step: 25
With Value Display
Show the current value alongside the slider.
Progress
Vertical Orientation
Display slider vertically.
Variants
Apply different visual styles.
Disabled State
Prevent interaction with disabled slider.
API Reference
Slider
Prop
Type
Default
Additional Props
Slider inherits all props from Base UI Slider, including orientation, step, value, defaultValue, onChange, and accessibility props.