Redpanda UI
RC
Redpanda UI

Menubar

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

Made by shadcn
Edit on GitHub

Powered by

Radix UIRadix UIShadcn UIShadcn UILucideLucide
v0
Loading component...

When to use

The Menubar component provides persistent menu access similar to desktop applications. Use this decision tree to determine when it's appropriate:

Installation

Usage

import {
  Menubar,
  MenubarContent,
  MenubarItem,
  MenubarMenu,
  MenubarSeparator,
  MenubarShortcut,
  MenubarTrigger,
} from "@/components/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>

Props

DocsAPI Reference

Credits

  • We use Radix UI for the menubar component.
  • We take our inspiration from Shadcn UI for the menubar style.

Built by malinskibeniamin. The source code is available on GitHub.

On this page

When to use
Installation
Usage
Props
Credits