<nav aria-label="Paginación," class="usa-pagination ">
<ul class="usa-pagination__list">
<li class="usa-pagination__item usa-pagination__arrow">
<a href="javascript:void(0);" class="usa-pagination__link usa-pagination__previous-page" aria-label="Anterior página">
<svg class="usa-icon" aria-hidden="true" role="img">
<use xlink:href="../../dist/img/sprite.svg#navigate_before"></use>
</svg>
<span class="usa-pagination__link-text">
Anterior
</span>
</a>
</li>
<li class="usa-pagination__item usa-pagination__page-no">
<a href="javascript:void(0);" class="usa-pagination__button " aria-label="Página 1">
1
</a>
</li>
<li class="usa-pagination__item usa-pagination__overflow" role="presentation">
<span>
…
</span>
</li>
<li class="usa-pagination__item usa-pagination__page-no">
<a href="javascript:void(0);" class="usa-pagination__button " aria-label="Página 9">
9
</a>
</li>
<li class="usa-pagination__item usa-pagination__page-no">
<a href="javascript:void(0);" class="usa-pagination__button usa-current" aria-label="Página 10" aria-current="page">
10
</a>
</li>
<li class="usa-pagination__item usa-pagination__page-no">
<a href="javascript:void(0);" class="usa-pagination__button " aria-label="Página 11">
11
</a>
</li>
<li class="usa-pagination__item usa-pagination__page-no">
<a href="javascript:void(0);" class="usa-pagination__button " aria-label="Página 12">
12
</a>
</li>
<li class="usa-pagination__item usa-pagination__overflow" role="presentation">
<span>
…
</span>
</li>
<li class="usa-pagination__item usa-pagination__arrow">
<a href="javascript:void(0);" class="usa-pagination__link usa-pagination__next-page" aria-label="Siguiente página">
<span class="usa-pagination__link-text">
Siguiente
</span>
<svg class="usa-icon" aria-hidden="true" role="img">
<use xlink:href="../../dist/img/sprite.svg#navigate_next"></use>
</svg>
</a>
</li>
</ul>
</nav>
No notes defined.
package:
name: metro-digital-design-system-demo
version: 0.1.0
uswds:
path: ../../../dist
placeholderLink: javascript:void()
lang: es
placeholder_link: javascript:void(0);
modifier: ''
aria_label: Paginación,
pagination:
page_label: Página
unbounded: true
items: 24
current: 10
previous:
label: Anterior
next:
label: Siguiente
last_item:
label: Última página,