Breadcrumbs

Breadcrumbs help users locate the page they are in.

File to include

@import "components/breadcrumbs";

With slash

Link Link Link Active

<p class="breadcrumbs" data-separator="slash">
    <a href="#">Link</a>
    <a href="#">Link</a>
    <a href="#">Link</a>
    <span>Active</span>
</p>

With icon

Link Link Link Active

<p class="breadcrumbs" data-separator="icon">
    <a href="#">Link</a>
    <a href="#">Link</a>
    <a href="#">Link</a>
    <span>Active</span>
</p>

Attributes

Name	Example value	Possible values	Default	Required
data-separator	icon	"slash" \| "icon"	slash	No