Breadcrumbs
Breadcrumbs help users locate the page they are in.
File to include
@import "components/breadcrumbs";
With slash
<p class="breadcrumbs" data-separator="slash">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<span>Active</span>
</p>
With icon
<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 |