Pagination

Постраничная навигация на shadcn. Набор частей: Pagination / PaginationContent / PaginationItem / PaginationLink / PaginationPrevious / PaginationNext / PaginationEllipsis. Активная страница помечается isActive на PaginationLink (aria-current="page" + стиль outline). Навигация — через href (ссылки) или onClick (controlled-состояние).

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Предыдущая / номера страниц / многоточие / следующая. Активная страница выделяется isActive (стиль outline).

Загрузка демо…

Минимальный вариант без номеров — для лент и бесконечных списков, где важен только шаг.

Загрузка демо…