[Tabset] Nb-tabs: conditional switching

I have an nb-tabs with multiple nb-tabs the switching is working fine but I want a next button which should be able to direct me to the next tab…I don’t know how to implement this .kindly help

Issue type

I’m submitting a … (check one with “x”)

• bug report
• feature request

Issue description

Current behavior:

Expected behavior:

Steps to reproduce:

Related code:

insert short code snippets here

Other information:

npm, node, OS, Browser

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->

[nnixaa]

Hi @pjyoti1235, you can track the tab activation using changeTab and add there some logic to keep it in sync with your custom behavior.

[nnixaa]

Hi @pjyoti1235, I believe you just need an array of your tabs, then generate the tabs based on that array and also have an active attribute within your data. So that you can change the active state and it will automatically change the active tab in your tabset: in your component:

tabs = [ { title: 'Tab1', active: false }, { title: 'Tab2', active: true } ];

<nb-tabset>
 <nb-tab *ngFor="let tab of tabs" [tabTitle]="tab.title" [ative]="tab.active">
   Tab content 1
 </nb-tab>
 </nb-tabset>

Then on click on your next button you can change which tab is active. Hope this helps.