vertical slider

Author: ieedan

sites/docs/src/__registry__/index.js

@@ -66,3 +66,9 @@ Install `bits-ui`:
 <div></div>
 
 </ComponentPreview>
+
+<ComponentPreview name="slider-vertical">
+
+<div></div>
+
+</ComponentPreview>

sites/docs/src/content/components/slider.md

@@ -47,7 +47,8 @@ export { default as SheetDemo } from "./sheet-demo.svelte";
 export { default as SheetSide } from "./sheet-side.svelte";
 export { default as SkeletonDemo } from "./skeleton-demo.svelte";
 export { default as SliderDemo } from "./slider-demo.svelte";
-export { default as SLiderMultiple } from "./slider-multiple.svelte";
+export { default as SliderMultiple } from "./slider-multiple.svelte";
+export { default as SliderVertical } from "./slider-vertical.svelte";
 export { default as SwitchDemo } from "./switch-demo.svelte";
 export { default as TableDemo } from "./table-demo.svelte";
 export { default as TabsDemo } from "./tabs-demo.svelte";

sites/docs/src/lib/registry/default/example/index.ts

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Slider } from "$lib/registry/default/ui/slider/index.js";
+
+	let value = $state(50);
+</script>
+
+<Slider type="single" orientation="vertical" bind:value max={100} step={1} />

sites/docs/src/lib/registry/default/example/slider-vertical.svelte

@@ -48,6 +48,7 @@ export { default as SheetSide } from "./sheet-side.svelte";
 export { default as SkeletonDemo } from "./skeleton-demo.svelte";
 export { default as SliderDemo } from "./slider-demo.svelte";
 export { default as SliderMultiple } from "./slider-multiple.svelte";
+export { default as SliderVertical } from "./slider-vertical.svelte";
 export { default as SwitchDemo } from "./switch-demo.svelte";
 export { default as TableDemo } from "./table-demo.svelte";
 export { default as TabsDemo } from "./tabs-demo.svelte";

sites/docs/src/lib/registry/new-york/example/index.ts

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Slider } from "$lib/registry/new-york/ui/slider/index.js";
+
+	let value = $state(50);
+</script>
+
+<Slider type="single" orientation="vertical" bind:value max={100} step={1} />