Pagination

Pagination может отображаться в разных размерах и может содержать select с выбором количества элементов на странице и быстрый выбор страницы.

Pagination​

Использование​

Компонент Pagination должен содержать параметр slots. Он обозначает количество кнопок в Pagination.

Количество страниц рассчитывается как Math.ceil(count / perPage), если значение perPage задано; иначе оно равно count.

note

Свойство hasPerPage управляет только отображением селекта количества элементов на странице. Переданный perPage учитывается и при hasPerPage={false}: например, count={2000} и perPage={20} дают 100 страниц.

Live Editor
Result
Open in CodeSandbox

Примеры​

Размер Pagination​

Размер Pagination задается с помощью свойства size. Возможные значения свойства: "m"

Live Editor
Result
Open in CodeSandbox

Вид Pagination​

Вид Pagination задается с помощью свойства view. Возможные значения свойства view:

  • "clear" – чистая;
Live Editor
Result
Open in CodeSandbox

Вид активной кнопки Pagination​

Вид Pagination задается с помощью свойства viewCurrentPage. Возможные значения свойства viewCurrentPage:

  • "default" – основная;
  • "secondary" – вторичная;
  • "clear" – чистая;
Live Editor
Result
Open in CodeSandbox

Типы Pagination​

Тип Pagination задается с помощью свойства type. Возможные значения свойства type:

  • "default" – обычная;
  • "compact" – компактная;
Live Editor
Result
Open in CodeSandbox

API​