Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA workspace picker: the current team on a button, the others in a radio menu with logos and descriptions, an add-team row, and a compact icon mode.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
teams | Team[] | - | Teams to choose from. |
value | string | - | Controlled selected team id. |
defaultValue | string | first team | Initial team id when uncontrolled. |
onValueChange | (id: string) => void | - | Called with the chosen team id. |
onAddTeam | () => void | - | Shows an add row at the end of the menu and calls this when chosen. |
addLabel | string | "Add team" | Label of the add row. |
compact | boolean | false | Shows only the logo, for a collapsed sidebar. |
align | "start" | "center" | "end" | "start" | Menu alignment relative to the trigger. |
side | "top" | "right" | "bottom" | "left" | "bottom" | Side of the trigger the menu opens on. |
Other <button> props go to the trigger.
| Field | Type | Description |
|---|---|---|
id | string | Unique id, used for value. |
name | string | Team or workspace name. |
description | string | Secondary line, such as the plan or member count. |
logo | MediaSource | Image URL, { src, alt, srcDark } or any element. Defaults to the first letter. |