---
url: "https://vueda.dev/v3/reference/api/vue/SidebarUserBlock.md"
title: "SidebarUserBlock"
---

# SidebarUserBlock

## Overview

Sidebar footer user block: 32 px avatar chip + name + role + a slot for a
20 px ghost kebab trigger. Composes `UserAvatar` with the `sidebar` tone so
the chip belongs to the sidebar surface rather than the primary palette.

Theme entry: [SidebarUserBlock](/v3/reference/theming/keys/SidebarUserBlock.md)

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-themeOverride">themeOverride</span> | `Object` |  | `null` | A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants. |
| <span id="prop-name">name</span> | `string` |  | `""` | Full name; passed through to `UserAvatar` for initials derivation and used as the visible name line. |
| <span id="prop-role">role</span> | `string` |  | `""` | Role / subtitle shown under the name. Hidden when empty. |
| <span id="prop-initials">initials</span> | `string` |  | `undefined` | Explicit initials; passed through to `UserAvatar`. |
| <span id="prop-class">class</span> | `import('vue').HTMLAttributes['class']` |  | `undefined` | Additional CSS classes applied to the root. |

## Slots

| Name | Scoped | Description |
| --- | --- | --- |
| `kebab` |  | kebab Trigger element for the user-block account menu (typically a ghost button + ellipsis icon). |

[Full slot reference](/v3/reference/api/vue/SidebarUserBlock/slots.md)

## Source

`client/lib/navigation/sidebar/SidebarUserBlock.vue`