slider-vertical-demo

PreviousNext
Docs
kanpekiexample

Preview

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

export function SliderVerticalDemo() {
  return (
    <Slider.Root
      aria-label="Vertical slider"
      defaultValue={[50]}
      orientation="vertical"
    >
      <Slider.Track>
        <Slider.Range />
        <Slider.Thumb />
      </Slider.Track>
    </Slider.Root>
  );
}

Installation

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

Usage

import { SliderVerticalDemo } from "@/components/slider-vertical-demo"
<SliderVerticalDemo />