Pagination

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

Pagination​

Storybook

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

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

Также компонент имеет параметр hasPerPage, логика работы такова: Если указан только параметр count, то он равен кол-ву страниц Если указан параметр hasPerPage или perPage, то count делится на perPage

Live Editor
Result
Open in CodeSandbox

Примеры​

Размер Pagination​

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

Live Editor
Result
Open in CodeSandbox

Вид Pagination​

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

  • "default" – основная;
  • "secondary" – вторичная;
  • "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