Pagination

Navigation component for paginated content.

tsx
import { Pagination } from '@xdev-asia/x-ui-react';
tsx
const [page, setPage] = useState(1);

<Pagination
  page={page}
  total={10}
  onChange={setPage}
/>

Props

  • page - Current active page
  • total - Total number of pages
  • onChange - Page change callback
  • siblings - Pages to show on each side