Breadcrumbs
#
Sizes#
Normal<nav aria-label="breadcrumbs"> <ul class="breadcrumbs"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Infima </a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Docs </a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Component </a> </li> <li class="breadcrumbs__item breadcrumbs__item--active"> <a class="breadcrumbs__link" href="#url"> Breadcrumb </a> </li> </ul></nav>
#
Small<nav aria-label="breadcrumbs"> <ul class="breadcrumbs breadcrumbs--sm"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Infima </a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Docs </a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Component </a> </li> <li class="breadcrumbs__item breadcrumbs__item--active"> <a class="breadcrumbs__link" href="#url"> Breadcrumb </a> </li> </ul></nav>
#
Large<nav aria-label="breadcrumbs"> <ul class="breadcrumbs breadcrumbs--lg"> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Infima </a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Docs </a> </li> <li class="breadcrumbs__item"> <a class="breadcrumbs__link" href="#url"> Component </a> </li> <li class="breadcrumbs__item breadcrumbs__item--active"> <a class="breadcrumbs__link" href="#url"> Breadcrumb </a> </li> </ul></nav>