Views

1. Contacts
2. Participants
3. Lauren Collier
4. Details

vws-c-breadcrumbs

Defines a list of breadcrumbs.

Elements:

• vws-c-breadcrumbs__crumb: a single breadcrumb

Modifiers:

• vws-c-breadrumbs__crumb--contacts: use the Contacts icon for this crumb
• vws-c-breadrumbs__crumb--work: use the Work icon for this crumb
• vws-c-breadrumbs__crumb--evidence: use the Evidence icon for this crumb
• vws-c-breadrumbs__crumb--reporting: use the Reporting icon for this crumb

State:

• vws-is-active: highlight the active breadcrumb

Example:

<ol class="vws-c-breadcrumbs">
    <li class="vws-c-breadcrumbs__crumb vws-c-breadcrumbs__crumb--contacts"><a href="">Contacts</a></li>
    <li class="vws-c-breadcrumbs__crumb"><a href="">Participants</a></li>
    <li class="vws-c-breadcrumbs__crumb"><a href="">Lauren Collier</a></li>
    <li class="vws-c-breadcrumbs__crumb vws-is-active"><a href="">Details</a></li>
</ol>