A batteries included pagination component using bootstrap styles. This was extracted from an older version of react-bootstrap as a migration path.
NOT ACTIVELY MAINTAINED: We recommend you eventually migrate to a more robust, better maintained solution, such as react-ultimate-pagination
It is a drop-in replacement for the old Pagination component in react-bootstrap (
For users of newer versions of React-Bootstrap we recommend something simpler and
more dedicated to providing proper pagination logic. One good general option is
react-ultimate-pagination which can be used with react-bootstrap components easily like:
import React from 'react';import Pagination from 'react-bootstrap/lib/Pagination';import createUltimatePagination ITEM_TYPES from 'react-ultimate-pagination';WrapperComponent: PaginationitemTypeToComponent:ITEM_TYPESPAGE: value isActive onClick<Pagination.Item =>value</Pagination.Item>ITEM_TYPESELLIPSIS: isActive onClick<Pagination.Ellipsis = = />ITEM_TYPESFIRST_PAGE_LINK: isActive onClick<Pagination.First = = />ITEM_TYPESPREVIOUS_PAGE_LINK: isActive onClick<Pagination.Prev = = />ITEM_TYPESNEXT_PAGE_LINK: isActive onClick<Pagination.Next = = />ITEM_TYPESLAST_PAGE_LINK: isActive onClick<Pagination.Last = = />;