Form
Slider
Single-thumb value picker on a continuous range. Native <input type='range'> for full keyboard support — ←/→, Home/End, PageUp/PageDown.
Examples
Volume
Volume: 40
<Slider bind:value={volume} min={0} max={100} />Fractional step
Opacity: 0.70
<Slider bind:value={opacity} min={0} max={1} step={0.05} />Small
<Slider size="sm" min={0} max={100} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Bindable numeric value. |
min | number | 0 | Lower bound of the range. |
max | number | 100 | Upper bound of the range. |
step | number | 1 | Increment per arrow-key press / drag tick. |
size | 'sm' | 'md' | 'md' | Track + thumb dimension tier. |
...rest | HTMLInputAttributes | — | Spread onto the underlying range input. |
Install
CLI
npx @a3tai/mittsu add slider