Content for Dashboard tab. Here is a link that can be accessed via clicking or through keyboard via tabbing.
Content for Management tab.
Content for Cloud tab.
<clr-tabs (clrTabsCurrentTabLinkChanged)="onTabSelected($event)"
(clrTabsCurrentTabIndexChanged)="onTabIndexChanged($event)"
(clrTabsCurrentTabContentChanged)="onTabContentActivated($event)">
<clr-tab-link [clrTabLinkId]="'link1'" [clrTabLinkActive]="true">Dashboard</clr-tab-link>
<clr-tab-link>Management</clr-tab-link>
<clr-tab-link>Cloud</clr-tab-link>
<clr-tab-content [clrTabContentId]="'content1'" [clrTabContentActive]="true">
<p>Content for Dashboard tab. Here is a <a href="javascript://">link</a> that can be accessed via clicking
or through keyboard via tabbing.</p>
</clr-tab-content>
<clr-tab-content>
<p>Content for Management tab.</p>
</clr-tab-content>
<clr-tab-content>
<p>Content for Cloud tab.</p>
</clr-tab-content>
</clr-tabs>