Hello,

Below is the HTML setup for the tab component with a template reference variable #notes assigned to one of the tabs.

In the ngOnInit - for certain route parameters, would like to make one of the non-first tabs the active one e.g. -

There is only one router-outlet for the application

<!-- operational\components\analyzer\analyzer.component.html -->
<div class="layout-box-container">
<div class="layout-box-top" igxLayout igxLayoutDir="row">
<span><a [routerLink]="''">Operational</a></span>
<span class="atitle">Analyzer Diagnostics</span>
</div><!-- /.layout-box-top -->

<div class="tabs" igxLayout igxLayoutDir="row" igxLayoutJustify="space-between">
<igx-tabs style="width: 100%">
<igx-tabs-group label="STREAM" name="stream">
<stream></stream>
</igx-tabs-group>

<igx-tabs-group label="NOTES" name="notes" #notes>
<notes></notes>
</igx-tabs-group>
</igx-tabs>
</div><!-- /.tabs -->
</div><!-- /.layout-box-container -->

Thanks and regards,

Amit Kohli