Постраничная навигация


Навигация по длинному списку, который разбит на части (страницы).

Если при переключении между списками у одного из них контента только на одну страницу, постраничная навигация не показывается.

Постраничная навигация с цифрами

Основной подход. Используется для списков, которые имеют конечное количество элементов и меняются относительно редко — навигация по ним имеет смысл. Например, список публикаций в кабинете пользователя, список тем форума, результаты поиска и т.п.

Спецификации
Состояние Параметр Значение
normal
/* Кнопки переключения */
/* Основные свойства наследуются от стандартной кнопки-иконки (сгруппированной) */
margin: 0 $marginControl 0 0;
/* Номера страниц */
/* Основные свойства наследуются от стандартных вкладок */
 
 
0 8px 0 0
 
 
hover
/* Кнопки переключения */
/* Основные свойства наследуются от стандартной кнопки-иконки (сгруппированной) */
/* Номера страниц */
/* Основные свойства наследуются от стандартных вкладок */
 
 
 
 
active
/* Кнопки переключения */
/* Основные свойства наследуются от стандартной кнопки-иконки (сгруппированной) */
/* Номера страниц */
/* Основные свойства наследуются от стандартных вкладок */
 
 
 
 
disabled /* Состояния нет. Постраничная навигация не выводится, если нет страниц */

Подгрузка

Используется для списков, которые имеют огромное количество элементов и меняются постоянно редко — навигация по ним не имеет смысла. Например, лента обновлений пользователя, список новостей, промо-блок на сводной странице.

Спецификации
Состояние Параметр Значение
normal
/* Основные свойства наследуются от стандартной кнопки */
 
hover
/* Основные свойства наследуются от стандартной кнопки */
 
active
/* Основные свойства наследуются от стандартной кнопки */
 
disabled /* Состояния нет. Постраничная навигация не выводится, если нет страниц */

Постраничная навигация без цифр

Используется для врезов не на всю ширину контента и ситуаций, когда выборка небольшая.

Спецификации
Состояние Параметр Значение
normal
/* Кнопки переключения */
/* Основные свойства наследуются от стандартной кнопки-иконки (сгруппированной) */
 
 
hover
/* Кнопки переключения */
/* Основные свойства наследуются от стандартной кнопки-иконки (сгруппированной) */
 
 
active
/* Кнопки переключения */
/* Основные свойства наследуются от стандартной кнопки-иконки (сгруппированной) */
 
 
disabled /* Состояния нет. Постраничная навигация не выводится, если нет страниц */