Pagination

Pagination enables the user to select a specific page from a range of pages.

Basic Usage


import Springen from 'springen'

// value: 1
const [value, setValue] = useState(1);

<Springen.Pagination
  showPrevNext
  totalSize={100}
  pageSize={10}
  value={value}
  onChange={(_, value) => setValue(value)}
/>

API

Props	Description	Type	Default
value	The current page number	number	undefined
onChange	The callback function when the page number changes	(e: React.MouseEvent<HTMLDivElement>, value: number, pageSize: number) => void	undefined
totalSize	The total number of items	number	undefined
pageSize	The number of items per page	number	10
showPrevNext	Whether to show the previous and next page buttons	boolean	true