@aboutbits/pagination

Pagination

This project includes a pagination calculation, where you can simply pass some basic information to the calcualtion function, and in return you receive an object with all relevant pagination information.

Table of content

• Usage
• Build & Publish
• Information

Usage

First, you have to install the package:

npm install @aboutbits/pagination

Second, you can call the calculate function by passing the following information:

• page: The current page
• size: The amount of items shown per page
• total: The amount of total items in the list/collection
• maxPages: The maximum amount of pages that should be shown (default: 5)

In return, you receive an object with all relevant information:

import { calculatePagination } from '@aboutbits/pagination'

let pagination = calculatePagination(1, 5, 100)

console.log(pagination)

This would return the following object:

{
  "previous": {
    "number": 1,
    "isDisabled": true
  },
  "next": {
    "number": 2,
    "isDisabled": false
  },
  "pages": [
    {
      "number": 1,
      "isCurrent": true
    },
    {
      "number": 2,
      "isCurrent": false
    },
    {
      "number": 3,
      "isCurrent": false
    },
    {
      "number": 4,
      "isCurrent": false
    },
    {
      "number": 5,
      "isCurrent": false
    }
  ]
}

Build & Publish

Information

About Bits is a company based in South Tyrol, Italy. You can find more information about us on our website.

Support

For support, please contact [e-mail].

Credits

• Alex Lanz
• Martin Malfertheiner
• All Contributors

License

The MIT License (MIT). Please see the license file for more information.