PaginationFirst
Компонент PaginationFirst — это кнопка для перехода на первую страницу пагинации. Автоматически блокируется, если текущая страница уже первая или вся пагинация отключена.
Обзор
- Основное назначение: быстрый переход к началу списка страниц.
- Ключевые возможности:
- Автоматическая блокировка на первой странице.
- Стандартная иконка с двойной стрелкой влево.
- Возможность заменить иконку через проп
icon. - Поддержка RTL (автоматический поворот иконки).
- Интеграция с контекстом
paginationContext.
API компонента
Props
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
icon | Object | Function | String | Компонент или SVG-строка для замены стандартной иконки. |
Inject
| Ключ | Источник | Описание |
|---|---|---|
paginationContext | Pagination | Контекст родительской пагинации. Используется для получения состояния и методов. |
Логика блокировки
Кнопка блокируется (атрибут disabled) в двух случаях:
- Вся пагинация отключена:
paginationContext.disabled() === true. - Текущая страница — первая:
paginationContext.active() === 1.
Иконка по умолчанию
По умолчанию отображается SVG с двойной стрелкой влево (<<). Иконка автоматически поворачивается в RTL-режиме через класс rtl:rotate-180.