UserMenu

Domain

User dropdown that consumes SafeUser. Understands the UserRole enum, shows English role labels, and accepts custom dropdown items.

Preview

Code

<UserMenu user={{ userId: 'u1', email: 'admin@acme.com', userRole: 'ADMIN', userStatus: 'ACTIVE', userProfile: { name: 'Jane Doe', profilePicture: null } }} />

Preview

Code

<UserMenu user={authorUser} items={[
  { type: 'item', label: 'My Posts', icon: '📝' },
  { type: 'separator' },
  { type: 'item', label: 'Sign Out', icon: '↩️', danger: true },
]} />

UserMenu

Admin user

Custom items

Navigation