Workspace switcher
Workspace switcher with a lit-key current tile, searchable list with roles and ⌘1–⌘9 shortcuts, pending invitations to accept and a create action, built on Popover and Command.
Preview
Projects
Pebble · Owner
- Pebble launch14 of 22 tasksNov 18
- Pebble notes6 of 9 tasksNov 24
- Billing revamp3 of 18 tasksDec 2
- Press kit11 of 11 tasksDone
- Onboarding emails2 of 7 tasksDec 9
Workspaces
PebbleOwner · Team · 14 seats⌘1
Pebble PressEditor · Starter · 3 seats⌘2
Pebble StudioMember · Team · 8 seats⌘3
Invitations · 1
Pebble ResearchFrom Malik Osei · Editor
Create workspace
The panel, inline
Type to filter, arrows to move, Enter to switch, or ⌘1–⌘3.
Choosing an invitation accepts it and switches to the new workspace.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| workspaces | { id; name; plan?; role?; initials? }[] | — | Workspaces in shortcut order (⌘1 is the first). |
| value / defaultValue | string | first id | Current workspace id. |
| onValueChange | (id: string) => void | — | Called when a workspace is chosen by click, Enter or ⌘+number. |
| invites | { id; name; from; role? }[] | [] | Pending invitations, listed in their own group with Accept. |
| onAcceptInvite | (id: string) => void | — | Called when an invitation row is chosen. |
| onCreate | () => void | — | Shows the Create workspace row when set. |
| shortcuts | boolean | true | Show ⌘1…⌘9 hints and accept them while the panel is open. |
| compact | boolean | false | Tile-only trigger for collapsed sidebars. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.