Slider

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

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/slider.json

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

<Slider className="w-full max-w-md" defaultValue={[50]} />

Pass an array with two values to render a range slider with two thumbs.