组件
import { cn } from "@/lib/utils"
import { Slider } from "@/components/ui/slider"
type SliderProps = React.ComponentProps<typeof Slider>
export function SliderDemo({ className, ...props }: SliderProps) {
return (
<Slider
defaultValue={[50]}
max={100}
step={1}
className={cn("w-[60%]", className)}
{...props}
/>
)
}
安装
pnpm dlx shadcn@latest add slider
用法
import { Slider } from "@/components/ui/slider"<Slider defaultValue={[33]} max={100} step={1} />