Skip to content

NavigationMenu

Horizontal site nav with dropdown submenus. Submenus inherit the fullMenu keyboard behavior for free.

Example

<NavigationMenu
  label="Docs"
  items={[
    { label: "Overview", href: "/" },
    {
      label: "Guides",
      children: [
        { label: "Theming guide", href: "/guides/theming" },
        { label: "All components", href: "/components" },
      ],
    },
  }}
/>

Props

Prop	Type	Default	Description
`items`	`Array`	-	Links; `children` makes a dropdown.
`label`	`string`	`Site`	Nav landmark name.

Accessibility

Submenus get arrows, Home/End, Escape from the Menu script.
Plain items are links; dropdown triggers announce expanded state.