ComponentClient component

Slider

A tactile single or multi-value range control.

Installation

Interface densityComfortable

tsx

import { Slider } from "@/components/ui/slider"

<Slider defaultValue={[58]} max={100} step={1} />

Prop	Type	Default	Description
`defaultValue`	`number[]`	`[min]`	Initial uncontrolled values; multiple entries create a range.
`min / max`	`number`	`0 / 100`	Defines the available numeric range.
`step`	`number`	`1`	Increment between allowed values.
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.