Пагинация

Настройка

Основной класс: .pagination

Состояния: .is-links

Скачать CSS фрагмент компонента   Собрать сборку CSS

Примеры

<nav class="pagination">
    <a href="#" class="is-prev"></a>
    <a href="#">1</a>
    <a href="#" class="is-active">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    <a href="#" class="is-next"></a>
</nav> 

Упрощенная пагинация

<nav class="pagination">
    <a href="#" class="is-prev">Предыдущая</a>
    <a href="#" class="is-next">Следующая</a>
</nav> 

Текущая страница

<nav class="pagination">
    <a href="#" class="is-prev">Предыдущая</a>
    <span class="is-current">2 из 10</span>
    <a href="#" class="is-next">Следующая</a>
</nav> 

Активность кнопки

<nav class="pagination"> 
    <a href="#" class="is-prev is-disabled">Предыдущая</a>
    <a href="#" class="is-next">Следующая</a>
</nav>