Hi Sarvana,
Thank you for contacting Syncfusion support.
You can activate a specific tab item upon initial rendering by setting the selectedItemproperty instead of adding class attributes as given in the below code.
export class ResponsiveTabComponent implements ngOnInit {
@ViewChild('adaptiveTab')tabObj: TabComponent;
ngOnInit(): void
ngOnInit() {
this.tabObj.selectedItem = 2;
}
// Mapping Tab items Header property
public headerText: Object = [{ text: 'HTML' }, { text: 'C Sharp(C#)' }, { text: 'Java' }, { text: 'VB.Net' },
{ text: 'Xamarin' }, { text: 'ASP.NET' }, { text: 'ASP.NET MVC' }, { text: 'JavaScript' }];
public index = 2;
}
We have prepared a sample based on your requirement.
Please check and get back to us if you need any further assistance
Regards,
Deepa L.