aboutsummaryrefslogtreecommitdiffstats
path: root/code/frontend/src/components/ui/dropdown-menu/dropdown-menu-label.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'code/frontend/src/components/ui/dropdown-menu/dropdown-menu-label.svelte')
-rw-r--r--code/frontend/src/components/ui/dropdown-menu/dropdown-menu-label.svelte19
1 files changed, 19 insertions, 0 deletions
diff --git a/code/frontend/src/components/ui/dropdown-menu/dropdown-menu-label.svelte b/code/frontend/src/components/ui/dropdown-menu/dropdown-menu-label.svelte
new file mode 100644
index 0000000..69fddd1
--- /dev/null
+++ b/code/frontend/src/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+ import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui'
+ import { cn } from '$utils/ui'
+
+ type $$Props = DropdownMenuPrimitive.LabelProps & {
+ inset?: boolean
+ }
+
+ let className: $$Props['class'] = undefined
+ export let inset: $$Props['inset'] = undefined
+ export { className as class }
+</script>
+
+<DropdownMenuPrimitive.Label
+ class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
+ {...$$restProps}
+>
+ <slot />
+</DropdownMenuPrimitive.Label>