Vui Starter
npm

Slider

Slider is an input for choosing a value, or a range, by dragging along a track.

API Reference

Installation

pnpm add @viliha/vui-ui

Then import from @viliha/vui-ui/slider.

Usage

Pass an array to defaultValue/value; multiple values render multiple thumbs (a range).

slider-demo.tsx
import { Slider } from "@viliha/vui-ui/slider";

export function Example() {
  return <Slider defaultValue={[50]} max={100} step={1} />;
}