ObjectUIComponentsBasic
Pagination
Navigate through pages of content
The Pagination component allows users to navigate through pages of data.
Basic Usage
Basic Pagination
{
"type": "pagination",
"currentPage": 1,
"totalPages": 10
}With Page Size
With Item Count
{
"type": "pagination",
"currentPage": 3,
"totalPages": 20,
"pageSize": 10,
"totalItems": 200
}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;
}