Pattern Library Notes

See the main page for details. Navigation is available via the side menu. You can also toggle all the patterns:


Pattern Section: Navigation

Various methods for navigating or changing views.

Action list

An alternate navigation scheme, focused on actions as opposed to page destinations.

Toggle pattern display width

Action list (secondary)

A less prominent version of the action list, used as a sort of sidebar set of actions. Works well to modify a current view (as documented here, changing the timeframe of a set of data between hourly, daily, or monthly).

Toggle pattern display width

Hero header navigation

Used in the Hero pattern, provides navigation for the marketing site. Can be used with or without other content in the Hero pattern—when used without, the hero just collapses to the height of the navigation.

Toggle pattern display width

User menu

Constant throughout the application-side UI, provides a quick anchor for the user to access their settings or log out.

Toggle pattern display width