Usage no npm install needed!

<script type="module">
  import planningCenterReactPagination from 'https://cdn.skypack.dev/@planning-center/react-pagination';
</script>

README

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