react-pagination
Pagination component with pages count and arrows.
Usage
import { Pagination } from "@crpt/react-pagination";
<Pagination pagesCount={22} selected={1} onSelect={num => alert(num)} />
PropName | Описание | Пример |
---|---|---|
theme: Object | Current theme. | <Pagination pagesCount={22} selected={1} onSelect={num => alert(num)} theme={defaultTheme}/> |
pagesCount: Number (Required) | Pages count. | <Pagination pagesCount={22} selected={1} onSelect={num => alert(num)} /> |
selected: Number (Required) | Selected page. | <Pagination pagesCount={22} selected={1} onSelect={num => alert(num)} /> |
onSelect: Function (Required) | Fires on page change. | <Pagination pagesCount={22} selected={1} onSelect={num => alert(num)} /> |
isInfinite: Boolean | Removes left arrow on 1 page and hides pages count. | <Pagination pagesCount={22} selected={1} isInfinite /> |
leftPaginationText: String | Text is located near left arrow icon | |
rightPaginationText: String | Text is located near right arrow icon | |
pageCounterInvisible: bool | When true the page counter (there is input field between the arrows) is hidden. And TotalPages field is invisible too. | |
isBelowZeroDisabled: bool | It is disabled changing page value from 0 to max | |
isUpperThenMaxDisabled: bool | It is disabled changing page value from max to 0 | |
withoutTotalPages: bool | It's disabled total pages information at the end of the paginator | |
isSeparatedPageCounter: bool | It's switched page counter to view with a lot of pages |