Usage

Model

<fuse-navigation></fuse-navigation> uses a service and a model file to populate the entire navigation. It supports three different navigation items; Subheader, Collapsable and Item. These items can be mixed and matched to create unique and complex navigation layouts.

Grouping

Collapsable

Item

Vertical Navigation Default Folded Status

It's possible to change the default folded status of the navigation.

Edit the main.component.html file and look for the [folded] attribute on fuse-navbar-vertical components.

Assigning true to that attribute will make the vertical navigation folded by default.

Examples

Update navigation item on-the-fly

Add a subitem to the Calendar nav item

Add a nav item with custom function