WUI logo

Pagination

Allows user to switch between pages of a list items.

version

5.13.0

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 #

NameType(s)DefaultRequired
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>>

Packages #

Dependencies #
Peer dependencies #

Previous

Link

Next

Tabs