Subnav

Defines different styles for a sub navigation.

Usage

To apply this component, add the .subnav class to an <ul> element and nest <a> elements within the list. Use a <span> element instead to disable the item.


Modifiers

Subnav line

Add the .subnav-line class to separate menu items with lines.


Subnav pill

Add the .subnav-pill class to highlight the active menu item with a background. To apply an active state to a menu item, just add the .active class.


Subnav with dropdowns

This is an example of how to use a subnav with the Dropdown component.