adam-component-pagination v1.0.1

adam-component-pagination

Overview

React pagination component. Demo - Storybook coming soon

Installation

npm i adam-component-pagination

Usage

Quick Start

import * as React from 'react';
import Pagination from 'adam-component-pagination';

interface IState {
  pageSize: number;
  currentPage: number;
  rowCount: number;
}
export default class PaginationExample extends React.Component<{}, IState> {
  constructor(props) {
    super(props);

    this.state = {
      pageSize: 10,
      currentPage: 1,
      rowCount: 1000,
    };
  }

  onPageChanged = (pageNumber: number, pageSize: number) => {
    this.setState({
      pageSize: pageSize,
      currentPage: pageNumber,
    });
  };

  render() {
    return <Pagination {...this.state} onPageChanged={this.onPageChanged} />;
  }
}

Play with this on CodeSandbox and read the documentation to learn more.

Props

The extended props of the pagination component.