Skip to content

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

PropTypeDefaultDescription
totalnumber-Total items
pageSizenumber10Items per page
currentnumber1Current page
onChange(page) => void-Page change handler

Accessibility

  • ✅ Keyboard navigation support
  • ✅ ARIA attributes included
  • ✅ Screen reader friendly
  • ✅ Focus management

Released under the MIT License.