Breadcrumb

A simple breadcrumb component to improve your
navigation experience

Breadcrumbs are a type of secondary navigation that shows users the path they have taken within a website. Each breadcrumb link represents a higher level of the website hierarchy, helping users retrace their steps or understand their current location. Breadcrumbs are most commonly used in e-commerce websites, blogs, and websites with complex structures.

The separators are automatically created in the content of the ::before pseudo-element of li tags. You can inform the current page using the is-active modifier in a li tag. It will disable the navigation of inner links.

Example

Alignment

You can use our justify-content-center and justify-content-flex-end to change the alignment of AiraCSS's breadcrumb.

Icons