Bread Crumb

Design

Code

Example 1

Home

Task 1

<nile-breadcrumb >
     <nile-breadcrumb-item  > Home </nile-breadcrumb-item >
     <nile-breadcrumb-item  > Task 1 </nile-breadcrumb-item >
</nile-breadcrumb>

Example 2

Home

Task 1

Task 2

<nile-breadcrumb >
     <nile-breadcrumb-item  > Home </nile-breadcrumb-item >
     <nile-breadcrumb-item  > Task1 </nile-breadcrumb-item >
     <nile-breadcrumb-item  > Task2 </nile-breadcrumb-item >
</nile-breadcrumb>

Example 3

Home

Task1

Task2

Task3

<nile-breadcrumb >
     <nile-breadcrumb-item  > Home </nile-breadcrumb-item >
     <nile-breadcrumb-item  > Task1 </nile-breadcrumb-item >
     <nile-breadcrumb-item  > Task2 </nile-breadcrumb-item >
     <nile-breadcrumb-item  > Task3 </nile-breadcrumb-item >
</nile-breadcrumb>

Slots

Name	Description
(default)	The Nile Breadcrumb Item Label
(nile-click)	To Get the name of the Breadcrumb Item Clicked

dependencies

This component automatically imports the following dependencies.

nile-breadcrumb-item