Saturation UI - Component Library

Components

Menubar

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

Preview

Installation

npx shadcn@latest add https://ui.saturation.io/r/menubar.json

Usage

import {
  Menubar,
  MenubarMenu,
  MenubarTrigger,
  MenubarContent,
  MenubarItem,
  MenubarSeparator,
  MenubarShortcut,
} from "@/components/ui/menubar"

<Menubar>
  <MenubarMenu>
    <MenubarTrigger>File</MenubarTrigger>
    <MenubarContent>
      <MenubarItem>
        New Tab <MenubarShortcut>⌘T</MenubarShortcut>
      </MenubarItem>
      <MenubarSeparator />
      <MenubarItem>Print</MenubarItem>
    </MenubarContent>
  </MenubarMenu>
</Menubar>

Examples

With Checkboxes

With Radio Group

API Reference

For full API reference, see the Radix UI Menubar documentation.

On This Page

Preview
Installation
Usage
Examples
API Reference

Deploy your Saturation UI app

Build beautiful, saturated interfaces with our component library.

Deploy to Vercel for the best performance and developer experience.