UI Molecules

Breadcrumbs

Basic exemple

<ol class="amui-m-breadcrumb">
  <li class="amui-m-breadcrumb__item"><a href="#">Home</a></li>
  <li class="amui-m-breadcrumb__item"><a href="#">Library</a></li>
  <li class="amui-m-breadcrumb__item is--active">Data</li>
</ol>

Breadcrumbs Size

<ol class="amui-m-breadcrumb is--xs">
  <li class="amui-m-breadcrumb__item"><a href="#">Home</a></li>
  <li class="amui-m-breadcrumb__item"><a href="#">Library</a></li>
  <li class="amui-m-breadcrumb__item is--active">Data</li>
</ol>

<ol class="amui-m-breadcrumb is--sm">
  <li class="amui-m-breadcrumb__item"><a href="#">Home</a></li>
  <li class="amui-m-breadcrumb__item"><a href="#">Library</a></li>
  <li class="amui-m-breadcrumb__item is--active">Data</li>
</ol>

<ol class="amui-m-breadcrumb">
  <li class="amui-m-breadcrumb__item"><a href="#">Home</a></li>
  <li class="amui-m-breadcrumb__item"><a href="#">Library</a></li>
  <li class="amui-m-breadcrumb__item is--active">Data</li>
</ol>

<ol class="amui-m-breadcrumb is--lg">
  <li class="amui-m-breadcrumb__item"><a href="#">Home</a></li>
  <li class="amui-m-breadcrumb__item"><a href="#">Library</a></li>
  <li class="amui-m-breadcrumb__item is--active">Data</li>
</ol>

← Alerts Button dropdowns →