Menubar

A horizontal menu of items that trigger dropdown menus.

Import

import * as Menubar from '@base-ui/react/menubar';

Menubar.Root

Groups all menubar items.

Props

A menu within the menubar.

Props

Menubar.Trigger

The button that opens a menu.

Menubar.Portal

Portals the menu popup to a different part of the DOM.

Menubar.Positioner

Positions the menu popup. The popup that contains the menu items.

Menubar.Item

An item in the menu.

Menubar.Group

Groups related menu items.

Menubar.GroupLabel

Labels a group of menu items.

Menubar.Submenu

A nested menu.

Menubar.SubmenuTrigger

The item that opens a submenu.

Menubar.RadioGroup

Groups menu items that function as radio buttons.

Menubar.RadioItem

A menu item that acts as a radio button.

Menubar.CheckboxItem

A menu item that acts as a checkbox.

Menubar.Arrow

An optional arrow element.

Components API

Utilities API

Menubar

Menubar

Import

Menubar.Root

Props

Menubar.Menu

Props

Menubar.Trigger

Menubar.Portal

Menubar.Positioner

Menubar.Item

Menubar.Group

Menubar.GroupLabel

Menubar.Submenu

Menubar.SubmenuTrigger

Menubar.RadioGroup

Menubar.RadioItem

Menubar.CheckboxItem

Menubar.Arrow

​Menubar

​Import

​Menubar.Root

​Props

​Menubar.Menu

​Props

​Menubar.Trigger

​Menubar.Portal

​Menubar.Positioner

​Menubar.Popup

​Menubar.Item

​Menubar.Group

​Menubar.GroupLabel

​Menubar.Submenu

​Menubar.SubmenuTrigger

​Menubar.RadioGroup

​Menubar.RadioItem

​Menubar.CheckboxItem

​Menubar.Arrow

Menubar

Import

Menubar.Root

Props

Menubar.Menu

Props

Menubar.Trigger

Menubar.Portal

Menubar.Positioner

Menubar.Popup

Menubar.Item

Menubar.Group

Menubar.GroupLabel

Menubar.Submenu

Menubar.SubmenuTrigger

Menubar.RadioGroup

Menubar.RadioItem

Menubar.CheckboxItem

Menubar.Arrow