@planning-center/react-pagination v1.2.0

react-pagination

Pagination links

Usage

import Pagination from '@planning-center/react-pagination'

<Pagination
  page={1}
  totalPages={20}
  visiblePages={8}
  onChange={(pageNum) => console.log(pageNum)} />

Install

npm install --save @planning-center/react-pagination

Configure Rails so it can find the stylesheet in your application.rb:

config.assets.paths << Rails.root.join('node_modules')

Then in your Sass:

@import "@planning-center/react-pagination/style"

Styling

Sass variables:

$react-pagination-color: #777 !default
$react-pagination-active-color: #fff !default
$react-pagination-disabled-color: #ccc !default