Breadcrumb

This breadcrumb is an <a> tag which is used to direct you to the previous page. For the arrow icon you need to add icon-arrow-left to the classes.

Default

px 

			
				<a href="" class="a-breadcrumb  icon-arrow-left">
	Over Bebat
</a>
<a href="" class="a-breadcrumb a-breadcrumb--light icon-arrow-left">
	Over Bebat
</a>
<a href="" class="a-breadcrumb a-breadcrumb--inverted icon-arrow-left">
	Over Bebat
</a>

Documentation

Modifiers

  • a-breadcrumb--light

    This is an alternative styling class for the button which will give you a lighter breadcrumb than the default one.

  • a-breadcrumb--inverted

    This is an alternative styling class for the button which will give a grey background to the breadcrumb.