Control Lightning Tab With Next And Back Buttons In Lightning Component

Hi Guys, Today in this post, we are going to create a sample lightning component to control <lightning:tab> with Next and Back buttons. In this sample code we are using the lightning:tab and lightning:tabset standard component for create tabs in lightning component.

control lightning tabs with buttons

Lightning Component : LightningTabs.cmp

JavaScript Controller : LightningTabsController.js [Lightning Application]


control lightning tabs with buttons

Related Resource:

Like our facebook page for new post updates. & Don’t forget to bookmark this site for your future reference.

if you have any suggestions or issue with it, you can post in comment box 🙂

Also Check : How To Create Custom Lightning Tabs In Lightning Component

(Visited 6,766 times, 1 visits today)

8 thoughts on “Control Lightning Tab With Next And Back Buttons In Lightning Component”

  1. Great example Piyush.


    But instead of static text eg: Apple,Mango etc in your case, suppose you have a component there and on click of button within that component you want to navigate to another tab then what needs to be done?

  2. Is there a way to disable the tab navigation on the click of tab’s “labels”??

    I would like this navigation to happen only via buttons.

    Please advise.


Leave a Comment