ObjectUIObjectUI

Pagination

Navigate through pages of content

The Pagination component allows users to navigate through pages of data.

Basic Usage

Basic Pagination

With Page Size

With Item Count

Schema

interface PaginationSchema {
  type: 'pagination';
  currentPage: number;            // Current page (1-based)
  totalPages: number;             // Total number of pages
  pageSize?: number;              // Items per page
  totalItems?: number;            // Total number of items
  
  // Events
  onPageChange?: string | ActionConfig;
  
  // Styling
  className?: string;
}

On this page