@govbr-ds/core
Version:
Padrão Digital de Governo
34 lines (33 loc) • 1.74 kB
HTML
<nav class="br-pagination small" aria-label="paginação" data-total="5" 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><a class="page" aria-label="Página 5" href="javascript:void(0)">5</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>
<hr/>
<nav class="br-pagination large" aria-label="paginação" data-total="3" 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>
<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>