Slider
Range input with CSS-driven track and thumb styling.
Usage
import {Slider} from 'kinu';
<Slider min={0} max={100} value={50} />
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| Slider | Range input | <input k="slider"> |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| min | number |
— | Minimum slider value. |
| max | number |
— | Maximum slider value. |
| value | number |
— | Current slider value. |
| step | number |
— | Step granularity for the slider. |
| onInput | (event: InputEvent) => void |
— | Change handler for the slider input. |
| disabled | boolean |
— | Disable the slider. |
Notes
- Wraps
<input type="range">for seamless form integration. - Supports data-orientation for vertical sliders.
_Source: src/components/slider/index.tsx