slider-multiple-demo

PreviousNext
Docs
kanpekiexample

Preview

Loading preview…
registry/examples/slider/slider-multiple-demo.tsx
import { Slider } from "~/registry/ui/slider";

export function SliderMultipleDemo() {
  return (
    <Slider.Root
      aria-label="Multiple value slider"
      defaultValue={[25, 50]}
      maxValue={100}
      step={1}
    >
      <Slider.Track>
        <Slider.Range />
        <Slider.Thumb />
      </Slider.Track>
    </Slider.Root>
  );
}

Installation

npx shadcn@latest add @kanpeki/slider-multiple-demo

Usage

import { SliderMultipleDemo } from "@/components/slider-multiple-demo"
<SliderMultipleDemo />