An accessible slider component built on Base UI Slider with support for single value, range, vertical orientation, and custom styling.
import { Slider } from "@/components/ui/component"; export default function Particle() { return ( <div className="flex items-center justify-center w-full min-h-screen bg-background p-8"> <div className="w-full max-w-sm"> <Slider defaultValue={50} disabled /> </div> </div> ); }
Part of coss — browse the full library on 21st.dev.