Menubar

A menu bar providing commands and options for your application.

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

Menubar Parts

import { Menubar } from "components/selia/menubar";

Structure

The expected structure and composition of the component.

Anatomy

<Menubar>
  <Menu>
    <MenuTrigger>File</MenuTrigger>
    <MenuPopup size="sm">
      <MenuItem>New File</MenuItem>
      <MenuItem>Open</MenuItem>
      <MenuItem>Save</MenuItem>
      <MenuSubmenu>
        <MenuSubmenuTrigger render={<MenuItem>Export</MenuItem>} />
        <MenuSubPopup size="sm">
          <MenuItem>PNG</MenuItem>
          <MenuItem>JPG</MenuItem>
          <MenuItem>PDF</MenuItem>
        </MenuSubPopup>
      </MenuSubmenu>
      <MenuSeparator />
      <MenuItem>Exit App</MenuItem>
    </MenuPopup>
  </Menu>
</Menubar>