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

demo.app [Lightning Application]

Output:

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?

    Reply
  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.

    Reply

Leave a Comment