Slider
Range slider with a gradient fill and a floating value bubble. Built on a native input, so keyboard and screen readers just work.
Import
import { Slider } from "@igorao79/uivix";Examples
Controlled
Volume: 60%
Step & format
Budget: $250
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | - | Controlled value |
| defaultValue | number | min | Initial value when uncontrolled |
| onChange | (value: number) => void | - | Called on change |
| min / max / step | number | 0 / 100 / 1 | Range and step |
| showValue | boolean | true | Show a value bubble on hover/focus |
| formatValue | (value: number) => string | String | Format the bubble text |
| disabled | boolean | false | Disable the slider |
| className | string | - | Additional CSS classes |