Lightning Component Breadcrumb

lightning:breadcrumb component displays the path of a page relative to a parent page. Breadcrumbs are nested in a lightning:breadcrumbs component. Each breadcrumb is actionable and separated by a greater-than sign. The order the breadcrumbs appear depends on the order they are listed in the markup.The behavior of a breadcrumb is similar to a link. If a link is not provided via the href attribute, the value defaults to javascript:void(0);. To provide custom navigation, use an onclick handler. For example, using onclick is useful if you’re navigating using an event like force:navigateToSObject. If you provide a link in the href attribute, calling event.preventDefault() enables you to bypass the link and use your custom navigation instead. The following example code shows the different breadcrumbs