AccountMenu
Avatar trigger + DropdownMenu shell — Name, Email, AvatarUrl, Initials, Items slot
Interactive-mode
Examples
With initials fallback
With explicit initials
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| AccountMenu | Avatar trigger + DropdownMenu shell with name/email header. Wraps DropdownMenu + DropdownMenuTrigger + Avatar + DropdownMenuContent + DropdownMenuSeparator. The Items slot is where consumers put their <DropdownMenuItem>s. When AvatarUrl is null (or fails to load), the Avatar shows initials — explicit via Initials or derived from Name. |
AccountMenu
Avatar trigger + DropdownMenu shell with name/email header. Wraps DropdownMenu + DropdownMenuTrigger + Avatar + DropdownMenuContent + DropdownMenuSeparator. The Items slot is where consumers put their <DropdownMenuItem>s. When AvatarUrl is null (or fails to load), the Avatar shows initials — explicit via Initials or derived from Name.
| Property | Type | Required | Description |
|---|---|---|---|
| Name | string | User's display name. Shown semibold in the menu header. | |
| string? | User's email. Shown muted in the menu header below the name. | ||
| AvatarUrl | string? | Avatar image URL. When set, the avatar shows the image; when null (or the image errors), falls back to initials. | |
| Initials | string? | Explicit fallback text when no image (e.g. RH). When null and Name is set, the chunk derives initials from the first letter of each word in Name (max 2). | |
| Items | RenderFragment? | Menu items slot. Consumer fills with <DropdownMenuItem> and <DropdownMenuSeparator> elements. |