Controls
64
100
Forms
Slider
A native range input for numeric controls.
Component
28
Import
import { Slider } from "@swirski/ui";Playground
Usage
<Slider
defaultValue={64}
min={0}
max={100}
/>Props
| Prop | Type | Default | Notes |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | "md" | Generated from SliderProps. |
tone | 'blue' | 'yellow' | 'red' | "blue" | Generated from SliderProps. |
variant | 'default' | "default" | Generated from SliderProps. |
...inputProps | InputHTMLAttributes<HTMLInputElement> | - | Forwarded to the native range input. |
className | string | - | Adds classes to the range input. |