bpk-component-pagination
Advanced tools
Weekly downloads
Readme
Backpack pagination component.
npm install bpk-component-pagination --save-dev
import React from 'react';
import BpkPagination from 'bpk-component-pagination';
const Pagination = () => (
<BpkPagination
pageCount={20}
selectedPageIndex={0}
onPageChange={pageIndex => alert(`page ${pageIndex + 1}`)}
previousLabel="previous"
nextLabel="next"
visibleRange={3}
pageLabel={(page, isSelected) => `page ${page}`}
/>
);
Property | PropType | Required | Default Value |
---|---|---|---|
pageCount | number | true | - |
selectedPageIndex | number | true | - |
previousLabel | string | true | - |
nextLabel | string | true | - |
paginationLabel | string | true | - |
pageLabel | func | true | - |
onPageChange | func | false | null |
visibleRange | number | false | 3 |
className | string | false | null |
buttonSecondaryTextColor
buttonSecondaryHoverTextColor
buttonSecondaryActiveTextColor
buttonSecondaryBorderColor
buttonSecondaryHoverBorderColor
buttonSecondaryActiveBorderColor
buttonSecondaryBackgroundColor
buttonSecondaryHoverBackgroundColor
buttonSecondaryActiveBackgroundColor
paginationNudgerActiveColor
paginationNudgerColor
paginationNudgerHoverColor
paginationSelectedBackgroundColor
FAQs
Backpack pagination component.
The npm package bpk-component-pagination receives a total of 217 weekly downloads. As such, bpk-component-pagination popularity was classified as not popular.
We found that bpk-component-pagination demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.