diff options
Diffstat (limited to 'frontend/src/lib/components/ui/tabs/tabs.svelte')
| -rw-r--r-- | frontend/src/lib/components/ui/tabs/tabs.svelte | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/frontend/src/lib/components/ui/tabs/tabs.svelte b/frontend/src/lib/components/ui/tabs/tabs.svelte new file mode 100644 index 0000000..a7b461a --- /dev/null +++ b/frontend/src/lib/components/ui/tabs/tabs.svelte @@ -0,0 +1,19 @@ +<script lang="ts"> + import { Tabs as TabsPrimitive } from "bits-ui"; + import { cn } from "$lib/utils.js"; + + let { + ref = $bindable(null), + value = $bindable(""), + class: className, + ...restProps + }: TabsPrimitive.RootProps = $props(); +</script> + +<TabsPrimitive.Root + bind:ref + bind:value + data-slot="tabs" + class={cn("gap-2 group/tabs flex data-horizontal:flex-col", className)} + {...restProps} +/> |