Slider

Select a value from a range

A draggable input that lets users pick a numeric value within a defined range. Supports default and compact sizes with a filled track to show the current position.

Default

Compact

Disabled

tsx
// From the npm package
import { Slider } from 'rift-ds/components/Slider/Slider';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/slider.json