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
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
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