Dashboard Management Cloud

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>