Skip to content

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

Props

NameTypeRequiredDefaultDescription
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
namestring""Full name; passed through to UserAvatar for initials derivation and used as the visible name line.
rolestring""Role / subtitle shown under the name. Hidden when empty.
initialsstringundefinedExplicit initials; passed through to UserAvatar.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes applied to the root.

Slots

NameScopedDescription
kebabkebab Trigger element for the user-block account menu (typically a ghost button + ellipsis icon).

Full slot reference

Source

client/lib/navigation/sidebar/SidebarUserBlock.vue

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2