Pagination

Modifiers

Pagination --centered

draft 
<div class="ds-block">

    <nav class="ds-pagination ds-pagination--centered" aria-label="Pagination Navigation">
        <a class="ds-pagination__link ds-pagination__link--prev" href="" rel="prev">Prev</a>
        <a class="ds-pagination__link" href="" aria-label="Goto Page 1">1</a>
        <a class="ds-pagination__link ds-pagination__link--current" href="" aria-current="true">2</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 3">3</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 4">4</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 5">5</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 6">6</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 7">7</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 8">8</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 9">9</a>
        <a class="ds-pagination__link" href="" aria-label="Goto page 10">10</a>
        <a class="ds-pagination__link ds-pagination__link--next" href="" rel="next" aria-label="Goto next page">Next</a>
    </nav>

</div>