Slider

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

Preview

terminal

Other package managers

bunx --bun shadcn@latest add https://trents.tech/r/slider.json

Dependencies: @radix-ui/react-slider

example.tsx

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

<Slider defaultValue={[50]} max={100} step={1} className="w-full max-w-sm" />