Slider

The Slider component provides an interactive input control that allows users to select a specific value by dragging a handle along a visual track, representing a range of possible values.

Docs API Reference

Setting Up the Slider Component

npx shadcn@latest add slider

Implementing the Slider Component

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

Skeleton Sonner

Slider