base-slider-range

PreviousNext
Docs
reuicomponent

Preview

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

export default function SliderDemo() {
  return (
    <div className="w-full max-w-xs">
      <Slider defaultValue={[100, 450]} min={0} max={600} step={1}>
        <SliderThumb />
        <SliderThumb />
      </Slider>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/base-slider-range

Usage

import { BaseSliderRange } from "@/components/base-slider-range"
<BaseSliderRange />