@govbr-ds/core/dist/components/pagination/examples/pagination-default.html

Padrão Digital de Governo

<nav class="br-pagination" aria-label="paginação" data-total="4" data-current="1">
  <ul>
    <li>
      <button class="br-button circle" type="button" data-previous-page="data-previous-page" aria-label="Voltar página"><i class="fas fa-angle-left" aria-hidden="true"></i>
      </button>
    </li>
    <li><a class="page active" aria-label="Página 1" href="javascript:void(0)">1</a></li>
    <li><a class="page" aria-label="Página 2" href="javascript:void(0)">2</a></li>
    <li><a class="page" aria-label="Página 3" href="javascript:void(0)">3</a></li>
    <li><a class="page" aria-label="Página 4" href="javascript:void(0)">4</a></li>
    <li>
      <button class="br-button circle" type="button" data-next-page="data-next-page" aria-label="Página seguinte"><i class="fas fa-angle-right" aria-hidden="true"></i>
      </button>
    </li>
  </ul>
</nav>