Carl FearbyAdministrator
Waiting for action
Open a sub-component to view its docs and settings.
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Compact signed-in user profile row for dashboard headers and account menus. Shows avatar, name, role, and a chevron dropdown. The widget does not own photo upload — the parent composes ProfilePhotoUploadModal and wires menu onSelect callbacks to open it.
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | — | Display name. |
role | string | — | Secondary label such as role or team. |
src | string | — | Optional profile photo URL. |
avatarSize | AvatarSize | "md" | Avatar scale. |
menuItems | UserProfileMenuItem[] | [] | Dropdown entries with id, label, optional destructive, and onSelect callback. |
onAvatarClick | () => void | — | Optional avatar click handler defined by the parent. |
onMenuSelect | (item) => void | — | Called after each menu item's onSelect handler runs. |
UserProfileWidget directly in headers and toolbars.<DashboardContentContainer data-component="user-profile" width="widget">.onAvatarClick is provided.DropdownMenu.