Defines different styles for a sub navigation.


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.


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.