Slider

An input where the user selects a value from within a given range.

shadcn/ui docs

Installation

pnpm dlx shadcn@latest add https://neobrutalism.dev/r/slider.json

Usage

import { Slider } from '@/components/ui/slider'
<Slider defaultValue={[33]} max={100} step={1} />

Examples

Default

Two Thumbs

Vertical

Controlled

0.3, 0.7