edbnedbn/ui
ComponentsMapsPDF
GitHub stars
Explorer
Get Started
Components

Menubar

Premium solid menubar with keyboard navigation, checkbox items, radio items, and submenus.

Componentsdocsbase-ui/menubar

Installation

npx shadcn@latest add https://ui.edbn.me/api/analytics/registry/menubar.json

Manual

API Reference

Root

Contains all Menubar menus representing a horizontal menu bar layout. Renders a div element.

loopFocusboolean
=true

Loop keyboard focus through menus

classNamestring | function

CSS class name

renderReactElement | function

Custom render function

Menu

Groups a set of menu parts within the Menubar. Doesn't render its own HTML element.

defaultOpenboolean
=false

Initial open state

openboolean

Controlled open state

onOpenChangefunction

Called when state changes

Trigger

A button that opens the corresponding menu. Renders a button element.

nativeButtonboolean
=true

Render as native button

classNamestring | function

CSS class name

renderReactElement | function

Custom render function

Trigger data attributes
AttributeDescription
data-popup-openPresent when menu is open
data-highlightedPresent when highlighted