import { Slider } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Label text above the slider |
showValue | boolean | — | Display current value beside the label |
min | number | — | Minimum range value |
max | number | — | Maximum range value |
step | number | — | Step increment |
value | number | — | Controlled value |
labelType
stringDefault —Label text above the slider
showValueType
booleanDefault —Display current value beside the label
minType
numberDefault —Minimum range value
maxType
numberDefault —Maximum range value
stepType
numberDefault —Step increment
valueType
numberDefault —Controlled value
MobileTouch Target
Thumb target should be ≥44px. The default thumb is 20px — increase to 28px on mobile using the size='lg' variant or CSS override.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?