Slider
Slider — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
Slider — Prism component.
Accessibility
Arrow keys adjust by step, Home/End jump to min/max; value is announced via aria-valuenow/aria-valuetext.
Import
const { Slider } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
label | string | — | |
value | number | — | |
defaultValue | number | — | |
min | number | — | |
max | number | — | |
step | number | — | |
onChange | (value: number) => void | — | |
formatValue | (value: number) => string | — | Format the displayed value, e.g. (v) => ${v}%. |
isDisabled | boolean | — | |
className | string | — |