Breadcrumb & Pagination

Breadcrumb

Preview Code

<nav class="ac-breadcrumb" aria-label="Breadcrumb">
<a href="#">Home</a>
<span class="ac-breadcrumb__sep">›</span>
<a href="#">Shipments</a>
<span class="ac-breadcrumb__sep">›</span>
<span aria-current="page">SHP-2024-001</span>
</nav>

Copy

---

Pagination

Preview Code

<nav class="ac-pagination" aria-label="Pagination">
<a href="#" class="ac-pagination__item" aria-label="Previous">‹</a>
<a href="#" class="ac-pagination__item">1</a>
<a href="#" class="ac-pagination__item is-active" aria-current="page">2</a>
<a href="#" class="ac-pagination__item">3</a>
<span class="ac-pagination__item ac-pagination__ellipsis">…</span>
<a href="#" class="ac-pagination__item">12</a>
<a href="#" class="ac-pagination__item" aria-label="Next">›</a>
</nav>

Copy