Slider component built on Radix UI — supports single value and range selection.
"use client" import { Slider } from "@/components/ui/interfaces-slider" export default function SliderDemo() { return ( <div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden"> <div className="w-full max-w-sm"> <Slider defaultValue={[60]} min={0} max={100} step={1} /> </div> </div> ) }
Part of Interfaces DS — browse the full library on 21st.dev.