Primary usage
A dropdown trigger showing the active organisation's avatar, name and role, with every organisation listed beneath — the active one gets a tick. Selecting an item updates the trigger.
Jump to any foundation, component, block or example.
A control for switching between organisations within the app shell — searchable once the list grows, with a tick on the active org and optional create/manage actions.
bunx shadcn@latest add @nx-ui/org-switcherA dropdown trigger showing the active organisation's avatar, name and role, with every organisation listed beneath — the active one gets a tick. Selecting an item updates the trigger.
Once there are six or more organisations the menu gains a search field (nx project-switcher pattern): type to filter by name or role, empty state when nothing matches, Create / Manage actions pinned below the scroll.
When an org has a logoUrl, it renders in the square avatar instead of the name's initials.
onCreateOrg is optional — omit it to drop the separator and create action, e.g. for members who can't provision new organisations.
The switcher is designed to sit at the top of the nx app-shell sidebar, above the nav sections.
Exported parts and their props, extracted from the component source.