KvalityUI

PaginatedRows

Рендер длинного списка порциями с кнопкой «Показать ещё».

Живой код — редактируйте
<PaginatedRows
  items={Array.from({ length: 30 }, (_, index) => ({ id: String(index + 1) }))}
  getKey={(item) => item.id}
>
  {(item) => (
    <div className="border-b border-border-soft py-2 text-14-regular">
      Заявка №{item.id}
    </div>
  )}
</PaginatedRows>

Пропсы

Prop

Type

Pagination

Пагинация с диапазоном «1–10 из 128» и выбором размера страницы.

StatItem, StatGrid, StatCard

Показатель с подписью, изменением к прошлому периоду и подсказкой. Одна основа для дашборда, посетителей, админки и KPI в ответах AI.

On this page

Пропсы