Components / Library Version 4.9.0

Navigation

This component serves as the main navigation for a site. The pattern makes use of wm-navigation with child wm-navigation-items. A wm-navigation-hamburger can be included as a toggle button for when the Navigation is collapsible. Any skip-navigation link must be implemented separately.

At a set breakpoint of 1024px, the Navigation will enter its collapsible mode. It can be revealed by using the wm-navigation-hamburger component, or toggling the Navigation's open property.

Navigation Item icons are passed in as children of wm-navigation-item.

PropertiesExamplesAccessibilityNotes