Skip to content

[data-js-navigation-trigger] { display: none !important; }

Back to ComponentsComponent

Menubar

Open-code aq-ui accessible component family for Menubar.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add menubar

API reference

Client moduleView full source

Quick start

"use client"

import { Menubar } from "@/components/ui/menubar"

<Menubar />

Exports

Menubar const
MenubarCheckboxItem const
MenubarContent const
MenubarGroup const
MenubarItem const
MenubarLabel const
MenubarMenu function
MenubarPortal function
MenubarRadioGroup const
MenubarRadioItem const
MenubarSeparator const
MenubarShortcut const
MenubarSub function
MenubarSubContent const
MenubarSubTrigger const
MenubarTrigger const

Registry dependencies

dropdown-menu, utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

components/ui/menubar.tsx

Source