Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA list of signed-in accounts as a radio group with avatars, the current one checked, an Add account row and a Sign out of this account action. Use this when people have several accounts or workspaces in one app and switch between them from a phone.
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 it when people have several accounts or workspaces in one app and switch between them from a phone.
Do not use it for choosing a plan or a setting (use a radio list), or when a person has only one account.
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 |
|---|---|---|---|
accounts | Account[] | required | { id, name, email }. |
value | string | required | The current account id. |
onValueChange | (id: string) => void | required | Called when another account is chosen. |
onAdd | () => void | - | Called by "Add account". |
Switched to {name} in a status region.The pattern ships with a Testing Library test (account-switcher-list.test.tsx) that drives it through roles and the keyboard.