0.1.4 • Published 6 years ago
dealtrack-react-js-pagination v0.1.4
Dealtrack react pagination
react js pagination that modified for following dealtrack pagination design standard
Installation
npm install dealtrack-react-js-paginationUsage
import React from 'react;
import ReactDOM from 'react-dom';
import DealtrackPagination from 'dealtrack-react-js-pagination';
ReactDOM.render(<DealtrackPagination />, document.getElementById('root'))Params
This package is modification from react-js-pagination, so for params not have much difference.
| Name | Type | Default | Description |
|---|---|---|---|
| activePage | Number | 1 | Required. Active page |
| itemsCountPerPage | Number | 0 | Count of items per page |
| totalItemsCount | Number | 0 | Required. Total count of items which you are going to display |
| pageRangeDisplayed | Number | 5 | Range of pages in paginator, exclude navigation blocks (prev, next, first, last pages) |
| firstPageText | String / ReactElement | 'First' | Text of first page navigation button |
| lastPageText | String / ReactElement | 'Last' | Text of last page navigation button |
| linkClassFirst | String | 'text-dt-black-900' | Class of the first <a> tag |
| linkClassLast | String | 'text-dt-black-900' | Class of the last <a> tag |
| activeLinkClass | String | 'react-js-pagination-active' | Class name of active <a> tag |
| itemClassFirst | String | 'react-js-pagination-first-last' | Class of the first <li> tag |
| itemClassLast | String | 'react-js-pagination-first-last' | Class of the last <li> tag |
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.