Components
npx shadcn@latest add https://21st.dev/r/originui/sliderLoading preview...
import { Label } from "@/components/ui/label";
import { Slider } from "@/components/ui/slider";
function Component() {
return (
<div className="space-y-4 min-w-[300px]">
<Label>Vertical dual range slider and tooltip</Label>
<div className="flex h-40 justify-center">
<Slider
defaultValue={[2, 7]}
max={10}
orientation="vertical"
aria-label="Vertical slider"
showTooltip
/>
</div>
</div>
);
}
export { Component };
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...
Loading preview...