Now Clarity supports cases where tabs don't fit on one page by providing a way to place some tabs in the overflow.
Clarity now provides a Vertical Nav Component. Vertical Nav supports features like Collapsible Nav, Nav Groups, Icon Links & Lazy Loading Nav Links. For more details, refer to the Vertical Nav Documentation
For basic use, declare the clr-vertical-nav
component like this:
<clr-vertical-nav>
<a clrVerticalNavLink routerLink="./charmander" routerLinkActive="active">Charmander</a>
<a clrVerticalNavLink routerLink="./jigglypuff" routerLinkActive="active">Jigglypuff</a>
<a clrVerticalNavLink routerLink="./pikachu" routerLinkActive="active">Pikachu</a>
<a clrVerticalNavLink routerLink="./raichu" routerLinkActive="active">Raichu</a>
<a clrVerticalNavLink routerLink="./snorlax" routerLinkActive="active">Snorlax</a>
<a clrVerticalNavLink routerLink="./pokedex" routerLinkActive="active">Credit</a>
</clr-vertical-nav>
clrTabLinkId
and clrTabContenId
have been changed to id so that the id attribute can be utilizedAllShapes
shortcut for importing all icon sets in Clarity Icons