slider-default

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/slider/default.tsx
import { Slider, SliderThumb } from '@/registry/default/ui/slider';

export default function SliderDemo() {
  return (
    <div className="w-full md:w-[400px]">
      <Slider defaultValue={[50]} max={100} step={1}>
        <SliderThumb />
      </Slider>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/slider-default

Usage

import { SliderDefault } from "@/components/slider-default"
<SliderDefault />