Workspace Switcher

Open workspace-switcher showing the current pick and a dropdown with sibling workspaces and a new action.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Nav27 } from "@/components/beste/piece/nav27";

<Nav27
  current={{
    "name": "Figma",
    "initials": "FG",
    "imageSrc": "https://oud.pics/sm/l/figma.png",
    "alt": "Figma"
  }}
  workspaces={[
    {
      "name": "Figma",
      "initials": "FG",
      "imageSrc": "https://oud.pics/sm/l/figma.png",
      "alt": "Figma"
    },
    {
      "name": "Notion",
      "initials": "NO",
      "imageSrc": "https://oud.pics/sm/l/notion.png",
      "alt": "Notion"
    },
    {
      "name": "Dropbox",
      "initials": "DB",
      "imageSrc": "https://oud.pics/sm/l/dropbox.png",
      "alt": "Dropbox"
    }
  ]}
  open={true}
/>

More Nav pieces

View all Nav
Beste Sözen
Beste Sözenmira@beste.co

User Menu

nav20

Account dropdown with an avatar header, profile and settings rows, workspace switcher, and a Sign out action.

Actions

Dropdown Menu

nav16

Shadow-lifted menu with icon rows, shortcut hints on the right, and a tinted destructive Delete action.

Context Menu

nav17

Right-click menu pointed by a corner arrow with icon rows and mono shortcut hints on the right.

Collapsed Breadcrumb

nav10

Breadcrumb that hides middle crumbs behind a dropdown chip so the trail stays on a single row.

Notifications
Mira starred Project Horizon2m
Build passed · main18m
PR #482 merged1h

Notifications Panel

nav29

Notifications dropdown listing icon-prefixed rows with time stamps and a trailing unread dot per item.

Breadcrumb

nav8

Compact breadcrumb trail with chevron separators and the trailing crumb rendered in bold.