ZPagination
Page navigation
Example
Import
tsx
import { ZPagination } from "zurto-ui";Usage
tsx
import { ZPagination } from "zurto-ui";
function Example() {
return (
<ZPagination
total={100}
pageSize={10}
current={2}
onChange={(page) => console.log(page)}
/>
);
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
total | number | - | Total items |
pageSize | number | 10 | Items per page |
current | number | 1 | Current page |
onChange | (page) => void | - | Page change handler |
Accessibility
- ✅ Keyboard navigation support
- ✅ ARIA attributes included
- ✅ Screen reader friendly
- ✅ Focus management