laravel inertia

laravel-inertia/resources/js/components/ui/sidebar/SidebarGroupLabel.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { cn } from '@/lib/utils';
+import type { PrimitiveProps } from 'radix-vue';
+import { Primitive } from 'radix-vue';
+import type { HTMLAttributes } from 'vue';
+
+const props = defineProps<
+    PrimitiveProps & {
+        class?: HTMLAttributes['class'];
+    }
+>();
+</script>
+
+<template>
+    <Primitive
+        data-sidebar="group-label"
+        :as="as"
+        :as-child="asChild"
+        :class="
+            cn(
+                'flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+                'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
+                props.class,
+            )
+        "
+    >
+        <slot />
+    </Primitive>
+</template>