Pagination
Allows user to switch between pages of a list items.
version
5.0.0-alpha.32
install
yarn add @welcome-ui/pagination
usage
import { Pagination } from '@welcome-ui/pagination'
Usage #
onChange return page selected.
Range display #
When your range display is above your pageCount, all the pages are shown.
Change range with rangeDisplay, by default it is 5.
Custom previous & next #
Set custom previous and next buttons using leftArrow and rightArrow.
Properties #
| Name | Type(s) | Default | Required |
|---|---|---|---|
| aria-label | string | ||
| getHref | (page: string | number) => string | ||
| leftArrow | ReactElement<any, string | JSXElementConstructor<any>> | ||
| onChange | (page: string | number) => void | ||
| page | number | ||
| pageCount | number | ||
| rangeDisplay | number | 5 | |
| rightArrow | ReactElement<any, string | JSXElementConstructor<any>> | ||
| baseId | string |