Breadcrumbs In Salesforce Lightning

# Component

<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
	<!--
        /**
        * Webkul Software.
        *
        * @category Webkul
        * @author Webkul
        * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
        * @license https://store.webkul.com/license.html
        */
	-->
    <lightning:breadcrumbs>
        <lightning:breadcrumb aura:id="parent" label="Parent Breadcrumbs" href="path/to/place/1" onclick="{! c.nevigateToParentPage }"/>
        <lightning:breadcrumb aura:id="child" class="wk_hide" label="Child" href="path/to/place/2" onclick="{! c.navigateToNowhere }"/>
    </lightning:breadcrumbs>
   <lightning:button label="Next" onclick="{!c.nextPage}"
               variant="brand" class="slds-m-top--medium"/>
</aura:component>

# Client Side Controller

({
    /**
        * Webkul Software.
        *
        * @category Webkul
        * @author Webkul
        * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https://webkul.com)
        * @license https://store.webkul.com/license.html
        */
    nevigateToParentPage: function (component, event) {
        event.preventDefault();
        //your custom navigation here 
        $A.util.addClass(component.find("child"), 'wk_hide');
    },
    navigateToNowhere: function (component, event) {
        event.preventDefault();
        //your custom navigation here
    },
    nextPage: function (component, event) {
       
       $A.util.removeClass(component.find("child"), 'wk_hide');
	
    }
})

# CSS

.THIS {
}
.THIS .wk_hide {
    display: none;
}

#When user is on parent page.

#When user is on child page.