sunweb

Breadcrumbs

components breadcrumbs

Definition


Breadcrumbs aims to guide the user on the current status or location inside a context.

c-breadcrumbs

Handlebars

Loading...

Javascript

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


c-breadcrumbs unclickable="true"

Handlebars

Loading...

Features

  • 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