Пагинаторы

Используются для порядковой нумерации страниц

 

Все устройства.

 

Обозначается колонцифрами, располагаемыми вверху и внизу страницы.

 

Распологаются в центре рабочей области.

 

На десктопе имеет характеристики малой второстепенной кнопки, 

на других — средней второстепеннной кнопки.

 

Текст кнопки размещается в центре кнопки.

 

Радиус скругления указан для крайних вкладок.

 

Отступы от соседних элементов обозначены параметром X3

 

Схожи по стилю

с комбинированными вкладками. 

 Десктоп

 

  X1 X2  X2(кол-во вкладок >4) X3 Радиус
Десктоп 42 70  70  20 
Планшет 40 70 70 30 4
Телефон 40 70

= (Рабочая ширина) / (кол-во вкладок)

20 4

Заливка

HEX: #6CA9D2

RGB: 108,169,210

Обводка

HEX: #CDD1D4

RGB: 205,209,212

Заливка

HEX: #F5F5F5

RGB: 245,245,245

Обводка

HEX: #CDCFD1

RGB: 205,207,209

 

 

 

Сокращение пагинаторов

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

Не сокращаются крайние пункты — первый и последний, а так же выделенный и два примыкающих к нему.

 

Рассмотрены аналогичные ситуации на разных платформах.

 

Пагинаторы центрируются относительно рабочей области платформы.

 

На телефонах ширина пагинаторов более четырёх подгоняется под ширину рабочей области.

На десктопе и планшете ширины пагинаторов неизменнны.

 

Свернутые в многоточие пункты становятся не активными.

 

Пропорции сохранены. 

 Десктоп и планшет
Телефон
Лайткуб