Пагинация

Pagination вычисляет усечённый диапазон номеров страниц вокруг активной страницы и добавляет кнопки «Назад»/«Вперёд», поддерживает управляемое и внутреннее состояние, автоматически отключает крайние кнопки на границах диапазона и рендерит ссылки вместо кнопок при передаче getPageHref.

Пример

Интерактивный пример

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

Импортируйте компонент из публичной точки входа пакета.

import { Pagination } from "denjs-ui";
import { useState } from "react";

export function Example() {
  const [page, setPage] = useState(1);

  return (
    <Pagination count={10} page={page} onPageChange={setPage} />
  );
}