Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProThe avatar menu of an app header with the signed-in person as text, Settings, a theme radio group that keeps the menu open and Sign out.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for the top-right account control of an app: identity, a few personal settings and sign out in one place.
Do not put workspace switching or navigation in it (see menu-workspace-switcher) or use it for more than about eight items.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
name, email | string | - | The signed-in person. |
theme / onThemeChange | light | dark | system / fn | - | Current theme and change handler. |
onSettings, onSignOut | () => void | - | Item handlers. |
menuitemradio and stay open on selection so the change is visible.| Key | Action |
|---|---|
| Enter, Space or ArrowDown | opens the menu |
| Arrow keys | move between items |
| Escape | closes and returns focus to the avatar |
The pattern ships a Testing Library test (menu-account-switcher.test.tsx) that covers the text identity, theme choice without closing, signing out and focus return.