imitation
Slider
A single-value slider.
Budget capDrag, or use the arrow keys, Home and End
Harbour rebrand budget
£50,000
In context
Set progressA card that moves a project's percent complete
JWUpdate progressJonas Weber, Tideline mobile
Complete
61%
Props
| Prop | Type | Required | Default |
|---|---|---|---|
value | number | undefined | No | — |
defaultValue | number | undefined | No | — |
onValueChange | ((value: number) => void) | undefined | No | — |
min | number | undefined | No | 0 |
max | number | undefined | No | 100 |
step | number | undefined | No | 1 |
disabled | boolean | undefined | No | — |
className | string | undefined | No | — |
aria-label | string | undefined | No | — |
data-rebar-* attributes
data-rebar-component="slider" on the root.
Migrating to Ant Design
AntD's Slider takes the same value/onChange/min/max/step shape — a close, low-risk rename.