how to make vertical nav default state is collapsed?

Question

Current implementation, default state of vertical Nav is always not-collapsed. How I can make the default state as collapsed?

Answer 1

What you need to do is to set clrVerticalNavCollapsed to true on your vertical nav. So it would look like this:

<clr-vertical-nav [clrVerticalNavCollapsible]="true" [clrVerticalNavCollapsed]="true">
    ....
</clr-vertical-nav>

Example: https://stackblitz.com/edit/collapsed-vertical-nav