1.2.0 • Published 5 years ago
hui-pagination v1.2.0
Pagination :blue_book:
Pagination provides you a page information.

Install
npm install --save hui-paginationUsage
HTML
Create a container element.
<div id="pagination"></div>JavaScript
Import a component.
const Pagination = require('hui-pagination'); /* CommonJS */import Pagination from 'hui-pagination'; /* ES6 */You can create an instance by passing the container element and option.
Information about each option is as follows:
| Name | Type | Value |
|---|---|---|
| totalPages | number | Number ot pages your data will have. |
| visiblePages | number | Number of pages you can see in one rotation. |
| bgColor | string | Color of focused page button. It can be assigned color name or hex value. |
const container = document.getElementById('pagination');
const option = {
totalPages: 20,
visiblePages: 10,
bgColor: 'rgba(26, 92, 255, 1)',
}; /* This is default value. */
const instance = new Pagination(container, option);
instance.getPage();And you can get a current page for getPage function.