Org Switcher

A popover switcher for moving between organizations or workspaces, showing the current name, a check on the active item and an optional plan label per org.

src/registry/ui/org-switcher.tsx/r/org-switcher.json

Installation#

bash

npx shadcn@latest add @minidev/org-switcher

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/org-switcher.json

Usage#

tsx

import { OrgSwitcher } from "@/components/ui/org-switcher"

export function Example() {
  return (
    <OrgSwitcher
      value={org}
      onChange={setOrg}
      orgs={[
        { id: "1", name: "Acme", plan: "Studio" },
        { id: "2", name: "MiniDev", plan: "Premium" },
      ]}
    />
  )
}

API reference#

OrgSwitcher props
Prop	Type	Default
`orgs`	`Org[]`	`SAMPLE_ORGS`
`value`	`string`	`-`
`onChange`	`(id: string) => void`	`-`
`className`	`string`	`-`

Dependencies#

npm

lucide-react

Built from

Examples#

AdminOrg, SSO, quotas

Back LinkSmall back navigation link with a left arrow icon, muted text that darkens on hover and a visible focus ring. Defaults to the label Back and accepts any href.Breadcrumb EllipsisEllipsis marker for collapsing the middle of long breadcrumb trails. Decorative and hidden from assistive tech, sized to sit between breadcrumb separators.BreadcrumbBreadcrumb navigation from an items array, with chevron separators, linked ancestors and the current page marked with aria-current. Built with React.Collapsible SidebarSidebar with a toggle button on its edge that collapses it to a narrow rail and expands it again. The button label updates for screen readers.Command ItemRow for command menus with a label, an optional keyboard shortcut in a kbd tag and an active highlight state. Use it to build custom command lists.Command PaletteCmd K style command palette in a dialog with a search field that filters commands as you type, runs the chosen action and closes. Shows an empty state.

All navigation components

Learn more

Build a collapsible sidebar layout for a SaaS appGuide