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

# SidebarInset

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

> Main content wrapper adjacent to the sidebar. Inset variant chrome exists in source but is not the admin-app default.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/SidebarInset.md#theme-key-SidebarInset-root) | 3 classes | Main content wrapper adjacent to the sidebar. Inset variant chrome exists in source but is not the admin-app default. |

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

## root

> Main content wrapper adjacent to the sidebar. Inset variant chrome exists in source but is not the admin-app default.

Default classes:

```text
bg-background text-foreground relative flex min-w-0 flex-1 flex-col
md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-vueda-card
md:peer-data-[variant=inset]:shadow-vueda-card md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2
```

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