feat(Divider): universal divider

2026-02-24 18:02:52 +03:00
parent 8617f2c117
commit 043db46eaf
2 changed files with 79 additions and 0 deletions
@@ -0,0 +1,26 @@
+<!--
+    Component: Divider
+    1px separator line, horizontal or vertical.
+-->
+<script lang="ts">
+import { cn } from '$shared/shadcn/utils/shadcn-utils';
+
+interface Props {
+    orientation?: 'horizontal' | 'vertical';
+    class?: string;
+}
+
+let {
+    orientation = 'horizontal',
+    class: className,
+}: Props = $props();
+</script>
+
+<div
+    class={cn(
+        'bg-black/5 dark:bg-white/10',
+        orientation === 'horizontal' ? 'w-full h-px' : 'w-px h-full',
+        className,
+    )}
+>
+</div>