MenubarIcons() — ui Function Reference

Architecture documentation for the MenubarIcons() function in menubar-icons.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ MenubarIcons() — ui Function Reference

Dependency Diagram

graph TD
  e2ef9031_7765_d3fe_2724_fa5ddff026e6["MenubarIcons()"]
  a8d49f18_1648_631e_e074_acb5df8b226f["menubar-icons.tsx"]
  e2ef9031_7765_d3fe_2724_fa5ddff026e6 -->|defined in| a8d49f18_1648_631e_e074_acb5df8b226f
  style e2ef9031_7765_d3fe_2724_fa5ddff026e6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/menubar-icons.tsx lines 20–63

export function MenubarIcons() {
  return (
    <Menubar className="w-72">
      <MenubarMenu>
        <MenubarTrigger>File</MenubarTrigger>
        <MenubarContent>
          <MenubarItem>
            <FileIcon />
            New File <MenubarShortcut>⌘N</MenubarShortcut>
          </MenubarItem>
          <MenubarItem>
            <FolderIcon />
            Open Folder
          </MenubarItem>
          <MenubarSeparator />
          <MenubarItem>
            <SaveIcon />
            Save <MenubarShortcut>⌘S</MenubarShortcut>
          </MenubarItem>
        </MenubarContent>
      </MenubarMenu>
      <MenubarMenu>
        <MenubarTrigger>More</MenubarTrigger>
        <MenubarContent>
          <MenubarGroup>
            <MenubarItem>
              <SettingsIcon />
              Settings
            </MenubarItem>
            <MenubarItem>
              <HelpCircleIcon />
              Help
            </MenubarItem>
            <MenubarSeparator />
            <MenubarItem variant="destructive">
              <TrashIcon />
              Delete
            </MenubarItem>
          </MenubarGroup>
        </MenubarContent>
      </MenubarMenu>
    </Menubar>
  )
}