w1c-menu-bar

Menu Bar

Use w1c-menu-bar for application-level menu headings.

import '@w1c/components/menu-bar';
import '@w1c/components/menu-item';
<w1c-menu-bar>
	<w1c-menu-item>File</w1c-menu-item>
	<w1c-menu-item>Edit</w1c-menu-item>
	<w1c-menu-item>View</w1c-menu-item>
</w1c-menu-bar>

Slots

  • default menu items

Parts

  • chrome
  • menu-bar

Accessibility

The component provides menu-bar styling and role context. Applications own popover behavior and focus movement between opened menus.