Components

The Menu components include the following:

  • Menu - A component for creating navigation lists and hierarchical menus.
  • MenuItem - Renders a menu item within a Menu component.
  • MenuTitle - Renders a title within a Menu component.
  • MenuExpand - Creates an expandable submenu section.
  • MenuExpandToggle - Toggles the state of a MenuExpand component.

The Menu component renders a ul element with a menu class. It can be used to create vertical or horizontal navigation menus with various size options.

The MenuItem component renders an li element with a menu-item class. While it's possible to use any content inside, to achieve the "list of menu items" look, place an a or span element inside for correct styling.

The MenuTitle component renders an li element with a menu-title class. It does not have any props.

The MenuExpand component renders a details element with a dropdown menu-expand class. It can be used to create expandable submenu sections.

The MenuExpandToggle component goes inside of a MenuExpand component. It toggles the state of the expand when clicked. It renders a summary element with a menu-expand-toggle class.