Nav Groups (with parent link)

The clr-vertical-nav-group component should be to create nav groups. The links inside of a nav group should be wrapped inside of a clr-vertical-nav-group-children component.

Mixed Navigation

Navigation Links can also be added directly inside of the clr-vertical-nav without creating a clr-vertical-nav-group to create a mixed navigation.

Lazy Loading Navigation Links

clrIfExpanded structural directive can be used along with clr-vertical-nav-group-children to lazily load links inside of a clr-vertical-nav-group.

For the nav group highlighting to work, the application routing should be hierarchical. Please refer to the example below.