Menu

Sidebar menu wrappers for labels and grouped menu lists.

Bulma Pattern

This wrapper follows Bulma's Components markup. Compare class behavior with the official Bulma docs.

Supported tags

<menu><menu-label><menu-list>

Example

<menu>
  <menu-label>General</menu-label>
  <menu-list>
    <li><a class="is-active">Dashboard</a></li>
    <li><a>Customers</a></li>
  </menu-list>
  <menu-label>Administration</menu-label>
  <menu-list>
    <li><a>Team Settings</a></li>
  </menu-list>
</menu>

Usage Notes

  • Use `<menu-label>` for section titles.
  • Use `<menu-list>` for grouped list navigation.
  • Pairs well with static left-side admin layouts.
Back to Components

Maintained by aldi

The source code is licensed under MIT.

Available on GitHub and npm.