Slider
Pick an approximate value from a range.
Usage
import { Slider } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Range filters: distance, price.
When not to use
- Values that must be exact. Use Field or Number Stepper.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | required | |
value, defaultValue, onChange | number, number, (v) => void | - | |
minValue, maxValue, step | number | 0, 100, 1 | |
formatValue | (v) => string | - | Adds a unit. |
Accessibility
- The value is always written next to the label.