Components
Loading preview...
A customizable range input component for selecting numeric values with multiple variants and sizes
npx shadcn@latest add https://21st.dev/r/preetsuthar17/sliderimport { Slider } from "@/components/ui/slider";
import React from "react";
export default function DemoOne() {
const [value, setValue] = React.useState([25]);
return (
<div className="max-w-sm w-full">
<Slider
value={value}
onValueChange={setValue}
label="Volume"
description="Adjust the volume level"
showValue
max={100}
step={1}
/>
</div>
)
}