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

# SidebarProvider

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

> Layout wrapper that scopes sidebar state selectors and inset variant background behavior.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/SidebarProvider.md#theme-key-SidebarProvider-root) | `group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full` | Layout wrapper that scopes sidebar state selectors and inset variant background behavior. |

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

## root

> Layout wrapper that scopes sidebar state selectors and inset variant background behavior.

Default classes:

`group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full`

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