hui-pagination

Pagination 📘

Pagination provides you a page information.

Install

npm install --save hui-pagination

Usage

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.