Definition
Breadcrumbs aims to guide the user on the current status or location inside a context.
Handlebars
Razor
Open in new tabJavascript
Loading...
Features
- Separator: ›
- Shown in all screens sizes.
- Clickable items except the last one.
- Last item displayed with different color.
Use cases
- The use case for the basic breadcrumbs is only to reveal the user's location in the website.
Properties
Handlebars
Razor
Open in new tabFeatures
- Separator: ,
- Shown in all screens sizes.
- Not clickable items.
- All items with same color.
Use cases
- The use case for the breadcrumbs with the unclickable property set to true is all the use cases except to reveal the user's location in the website.
States
Features
- Hide the breadcrumbs with gray background with a loading animation
Use cases
- The use case for the breadcrumbs with the state unresolved is to hide the breadcrumb in the occasions that we don't have the breadcrumb content loaded