Menubar

A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.

Installation

npm install @matrix-ui/components

Usage

import {
  Menubar,
  MenubarMenu,
  MenubarTrigger,
  MenubarContent,
  MenubarItem,
} from '@matrix-ui/components'

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>New Tab</MenubarItem>
      <MenubarItem>New Window</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>

Examples

With Checkbox Items

With Radio Items