Pagination

Nav rapide
Default Lot of pages
Composants utilisés dans le template ci-dessous:

Section

Default - Voir le template
  • template
<div class="pagination">

    <ul class="flex gap-2.5 text-smaller font-semibold">

        <li class="item current"><span>1</span></li>

        <li class="item"><a href="#">2</a></li>

        <li class="item"><a href="#">3</a></li>

        <li class="item"><a href="#">4</a></li>

        <li class="item"><a href="#">5</a></li>

    </ul>

</div>
Lot of pages - Voir le template
  • template
<div class="pagination">

    <div class="item"><a href="#"><?= icon('arrow-left', 'w-3.75'); ?></a></div>

    <ul class="flex gap-2.5 text-smaller font-semibold">

        <li class="item current"><span>1</span></li>

        <li class="item"><a href="#">...</a></li>

        <li class="item"><a href="#">9</a></li>

        <li class="item"><a href="#">10</a></li>

        <li class="item"><a href="#">...</a></li>

    </ul>

    <div class="item"><a href="#"><?= icon('arrow-right', 'w-3.75'); ?></a></div>

</div>