Dashboard Navigation

Dashboard navigation template.

Dependencies

• Search Input
• Expandable Search
• Diagonal Movement
• Dropdown
• Side Navigation

How to

The Dashboard Navigation component is an accessible navigation template for a dashboard UI.

The navigation is highly customizable. In the demo, we use the Side Navigation component, but you can optionally replace it with a custom navigation.

Some elements are visible only before/past the medium breakpoint. Their visibility is controlled using the visibility utility classes.

The main content goes into the .app-ui__body element:

<main class="app-ui__body padding-md">
  <!-- your content -->
</main>

Categories

• App > Navigation
• Navigation > Header
• Navigation > Side Nav

Bug report & feedback

Component Github page ↗