Subnav

Description

The subnav component generates a subnav based on a parsed string (see code examples for formatting). It can optionally be rendered as a sticky nav, which follows the page as the viewer scrolls. Note that only one sticky nav can work, per page. Also note that the sticky nav sampled here may appear broken due to being configured to work on the live outer site, accounting for a parent nav.

Sticky Subnav

Rendered



Default Subnav

Rendered



Options

classes : string

links : string
This string is parsed to create the copy and link for each subnav item. The copy and link are separated by a comma (`,`), while different items are separated by a semicolon (`;`).


Sticky Subnav

Code


{% include components/subnav.html classes="dynamic-fixed" links="Sample, /sample/; Links, /links/" %}

Rendered



Default Subnav

Code


{% include components/subnav.html links="Sample, /sample/; Links, /links/" %}

Rendered