Docs
Menubar

Menubar

Menubar component is a visually persistent menu commonly found in desktop applications, offering quick access to a consistent set of commands or actions. It enhances the user experience by providing a centralized and easily accessible navigation system, allowing users to access various features and commands with minimal effort. The Menubar component is particularly useful in applications with a complex set of functionalities, offering a streamlined and organized approach to user interaction.

Installation

yarn add @camped-ui/menubar

Usage

import {
  Menubar,
  MenubarContent,
  MenubarItem,
  MenubarMenu,
  MenubarSeparator,
  MenubarShortcut,
  MenubarTrigger,
} from "@camped-ui/menubar";
<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>
        New Tab <MenubarShortcut>⌘T</MenubarShortcut>
      </MenubarItem>
      <MenubarItem>New Window</MenubarItem>
      <MenubarSeparator />
      <MenubarItem>Share</MenubarItem>
      <MenubarSeparator />
      <MenubarItem>Print</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>