@crpt/react-pagination

    1.0.18 • Public • Published

    react-pagination

    Travis npm package Coveralls

    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

    Install

    npm i @crpt/react-pagination

    DownloadsWeekly Downloads

    4

    Version

    1.0.18

    License

    MIT

    Unpacked Size

    139 kB

    Total Files

    75

    Last publish

    Collaborators

    • ivanvlado
    • solnik
    • fantik217