Pagination

Pagination is used for splitting data up into multiple pages.

currentPage

totalPages

onNext

() => console.log("next")

() => console.log("next")

onPrevious

() => console.log("previous")

() => console.log("previous")

onSelectPage

() => console.log("page selected")

() => console.log("page selected")

nextLabel

previousLabel

import * as React from "react";
import { Pagination } from "@nulogy/components";

export default () => {
  return (
    <Pagination
      currentPage={7}
      totalPages={12}
      onNext={() => console.log("next")}
      onPrevious={() => console.log("previous")}
      onSelectPage={() => console.log("page selected")}
    />
  );
}

import * as React from "react";
import { Pagination } from "@nulogy/components";

export default () => {
  return (
    <Pagination
      currentPage={7}
      totalPages={12}
      onNext={() => console.log("next")}
      onPrevious={() => console.log("previous")}
      onSelectPage={() => console.log("page selected")}
    />
  );
}

Props

Name	Type	Default	Description
currentPage	number		The currently active page
totalPages	number		The total number of pages to show pagination for
onNext	function		Invoked when the next button is clicked.
onPrevious	function		Invoked when the next button is clicked.
onSelectPage	function		Invoked when a page number is selected.
nextLabel	string	Next	The next button label.
previousLabel	string	Previous	The previous button label.