SidebarUserBlock
Source: client/lib/theme/vueda-tailwind/navigation/index.js
Horizontal account row for the sidebar footer.
Vue component: SidebarUserBlock
| Slot | Default classes | Description |
|---|---|---|
| root | 3 classes | Horizontal account row for the sidebar footer. |
| text | flex min-w-0 flex-1 flex-col group-data-[collapsible=icon]:hidden | Min-width guard for truncating name and role text beside the avatar and action button. |
| name | truncate text-[length:var(--vueda-text-body)] font-medium leading-tight text-sidebar-foreground | Display-name text. Tight leading and truncation keep long names inside the dense footer row. |
| role | truncate text-[length:var(--vueda-text-micro)] font-normal leading-tight text-muted-foreground | Secondary role text using the same micro scale as SidebarGroupLabel.root. |
| kebab | contents group-data-[collapsible=icon]:hidden | Slot wrapper for the optional account-menu trigger. Hidden in the icon-collapsed rail. |
root
Horizontal account row for the sidebar footer.
Default classes:
flex w-full items-center gap-2
group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:gap-0
group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:p-0!Source: client/lib/theme/vueda-tailwind/navigation/SidebarUserBlock.theme.js:16
text
Min-width guard for truncating name and role text beside the avatar and action button.
Default classes:
flex min-w-0 flex-1 flex-col group-data-[collapsible=icon]:hidden
Source: client/lib/theme/vueda-tailwind/navigation/SidebarUserBlock.theme.js:27
name
Display-name text. Tight leading and truncation keep long names inside the dense footer row.
Default classes:
truncate text-[length:var(--vueda-text-body)] font-medium leading-tight text-sidebar-foreground
Source: client/lib/theme/vueda-tailwind/navigation/SidebarUserBlock.theme.js:31
role
Secondary role text using the same micro scale as SidebarGroupLabel.root.
Default classes:
truncate text-[length:var(--vueda-text-micro)] font-normal leading-tight text-muted-foreground
Source: client/lib/theme/vueda-tailwind/navigation/SidebarUserBlock.theme.js:38
kebab
Slot wrapper for the optional account-menu trigger. Hidden in the icon-collapsed rail.
Default classes:
contents group-data-[collapsible=icon]:hidden
Source: client/lib/theme/vueda-tailwind/navigation/SidebarUserBlock.theme.js:45