Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA workspace switcher with a letter tile, plan badge and current mark per workspace, Alt+1 to Alt+9 to jump, a search box for long lists and a Create workspace row. Use this when people belong to several workspaces and switch often.
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 at the top of a sidebar or in a header, for accounts that belong to several teams, where the most-used workspaces should be reachable with a number.
Do not use it when a person only ever has one workspace. Show its name as text.
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 |
|---|---|---|---|
workspaces | { id, name, plan?, color? }[] | - | The workspaces, in shortcut order. |
value | string | - | The current workspace id (controlled). |
defaultValue | string | first | Initial id. |
onValueChange | (id: string) => void | - | Runs when another workspace is chosen. |
onCreate | () => void | - | Shows a Create workspace row and runs when it is chosen. |
aria-label | string | Workspace | Names the switcher. |
combobox named by aria-label; its text is the current workspace.Acme, Pro plan, current and carry aria-keyshortcuts="Alt+1"; the key hints are text.event.code, so it works with any keyboard layout and on macOS where Option changes the typed character.Switched to Side projects.The pattern ships with a Testing Library test (workspace-switcher-combobox.test.tsx) that covers rows with plan and shortcut, searching, Alt+digit switching and the Create row.