ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

UserMenu

Avatar-based dropdown menu for user account actions. Displays name and avatar initials.

Default

Basic user menu with profile, settings, and logout.

JD
John Doe
ProfileSettingsLogout

With Icons

Menu items with leading icons for better visual identification.

AM
Alice Martin
My Profile Settings Billing Sign Out

Admin User

Admin user menu with dashboard, user management, and security options.

AD
Admin
Dashboard Manage Users System Settings Security Sign Out

Developer Menu

Developer-focused user menu with API keys, docs, and team management.

SC
Sarah Chen
Profile API Keys Team Docs Sign Out

Usage

<UserMenu name="John Doe" avatar="JD"> <a href="/profile">Profile</a> <a href="/settings">Settings</a> <a href="/logout">Logout</a></UserMenu><UserMenu name="Alice Martin" avatar="AM"> <a href="#"><Icon name="user" size="14" /> My Profile</a> <a href="#"><Icon name="settings" size="14" /> Settings</a> <a href="#"><Icon name="log-out" size="14" /> Sign Out</a></UserMenu>

Props

PropTypeDefaultDescription
nametext""User display name shown in the menu trigger
avatartext""Avatar initials (e.g. "JD" for John Doe)
childrencontent-Menu items - links or buttons for user actions