Forms

Slider

Range input for numeric values and filters.

Primitive

@radix-ui/react-slider

Single and dual thumb range inputs.

API Reference

Prop	Type	Default	Description
`value`	`number[]`	--	Controlled value (array for range sliders).
`defaultValue`	`number[]`	--	Default value.
`min`	`number`	`0`	Minimum value.
`max`	`number`	`100`	Maximum value.
`step`	`number`	`1`	Step increment.
`onValueChange`	`(value: number[]) => void`	--	Called on value change.

Determinate progress bar.

Single-line text input with label and error state.

import { Slider } from "@doss/tetris-ui";