Slider
Range slider with label, unit, and optional marks. Uses native range input with custom styling.
Preview
Usage
import { Slider } from '@ramtt/ui'
<Slider value={70} onChange={setValue} min={0} max={100} label="Intensity" unit="%" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value* | number | — | Current value |
| onChange* | (value: number) => void | — | Change handler |
| min* | number | — | Minimum value |
| max* | number | — | Maximum value |
| step | number | 1 | Step increment |
| label | string | — | Label text |
| unit | string | — | Unit suffix |
| disabled | boolean | false | Disable the slider |