Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99

--d --h --m --sGet Pro

Menu Workspace Switcher

ProNew

The sidebar workspace switcher: a trigger that names the current workspace, a radio group with plans written as text and Create workspace as a separate action.

Customize

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.

currentId

Guide and examples

When to use it

Use this at the top of a sidebar or header in multi-tenant apps where one person belongs to several teams or organisations.

Do not use it for more than about ten workspaces (use a searchable list) or to switch between pages.

Installation

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.

Log in Get Pro for $35

Props

MenuWorkspaceSwitcher

Prop	Type	Default	Description
`workspaces`	`{ id, name, plan? }[]`	-	Available workspaces.
`currentId`	`string`	-	The active workspace.
`onSwitch`	`(id: string) => void`	-	Called when another is chosen.
`onCreate`	`() => void`	-	Called by Create workspace.

Accessibility

The trigger's name says what it is and what it does ("Workspace: Acme Inc. Switch workspace").
Workspaces are menuitemradio, so exactly one is checked and announced as such; plans are text, not colour.
Create workspace is a regular menuitem after a separator, so it is never mistaken for a workspace.

Keyboard

Key	Action
Enter, Space or ArrowDown	opens the list
Arrow keys	move; Enter selects and closes
Escape	closes

Testing

The pattern ships a Testing Library test (menu-workspace-switcher.test.tsx) that covers the trigger name, one checked workspace, switching and creating.