Forms

Range Input

A premium slider for numeric selection, featuring real-time labels, percentage tracking, and custom thumb designs.

Audio Volume45

45%

0100

Props

Prop	Type	Description
`label`	`string`	Uppercase label shown above the slider
`value`	`number`	The current numeric value
`min`	`number`	Minimum selectable value
`max`	`number`	Maximum selectable value
`onChange`	`(v: number) => void`	Callback function when the value changes

$npx kachindo-ui add range-input