---
url: "https://vueda.dev/v3/reference/theming/keys/SidebarGroupLabel.md"
title: "SidebarGroupLabel"
---

# SidebarGroupLabel

Source: `client/lib/theme/vueda-tailwind/navigation/index.js`

> Sidebar group heading using the page-level eyebrow recipe.

Vue component: [SidebarGroupLabel](/v3/reference/api/vue/SidebarGroupLabel.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/SidebarGroupLabel.md#theme-key-SidebarGroupLabel-root) | 5 classes | Sidebar group heading using the page-level eyebrow recipe. |

<a id="theme-key-SidebarGroupLabel-root"></a>

## root

> Sidebar group heading using the page-level eyebrow recipe.

Default classes:

```text
text-muted-foreground flex h-6 shrink-0 items-center px-2
text-[length:var(--vueda-text-micro)] font-semibold uppercase tracking-[0.08em]
transition-[margin,opacity] duration-200 ease-linear focus-visible:focus-ring focus-visible:focus-ring-sidebar
[&>svg]:size-4 [&>svg]:shrink-0
group-data-[collapsible=icon]:-mt-6 group-data-[collapsible=icon]:opacity-0
```

Source: `client/lib/theme/vueda-tailwind/navigation/SidebarGroupLabel.theme.js:16`