Slider
Selects one value or a bounded range along a continuous track.
@rivetui/sliderPreview
Explore each composition interactively, then open its code in the same context.
Single value
Combine a visible label and value with the native keyboard-accessible control.
CPU allocation
Range
Two thumbs define a bounded interval while sharing one track and value readout.
Deployment window
Disabled
The selected value remains legible while pointer and keyboard interaction are unavailable.
Memory limit
Registry
Installation
Add the component source and its declared dependencies with the shadcn CLI.
Install component
bunx --bun shadcn@latest add @rivetui/sliderPublic interface
API reference
Component-specific props are listed here. Native element and Base UI props continue to pass through.
| Prop | Type | Default |
|---|---|---|
value | number | readonly number[] | — |
defaultValue | number | readonly number[] | — |
onValueChange | (value, details) => void | — |
onValueCommitted | (value, details) => void | — |
min | number | 0 |
max | number | 100 |
step | number | 1 |
orientation | "horizontal" | "vertical" | "horizontal" |
disabled | boolean | false |
name | string | — |