Components
Slider
Interactive control for selecting a value or range from a continuous scale
Preview
Installation
Usage
Examples
Controlled
Manage slider state externally.
Value: 50
Range Slider
Select a range with two handles.
With Steps
Snap to discrete step values.
With Value Display
Show the current value alongside the slider.
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.