Menubar

Visually persistent menu common in desktop applications. Built on Radix UI.

Installation

# Install @opencosmos/ui to use Menubar
pnpm add @opencosmos/ui

Preview

Loading preview...

Usage

Import

import { Menubar } from '@opencosmos/ui';

Example

<Menubar>
  Content
</Menubar>

Eject

Copy this component into your project for full customization

Code Examples

Basic Usage

Application menubar

import { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarTrigger } from "@opencosmos/ui"

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>New</MenubarItem>
      <MenubarItem>Open</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>