@swrve/core/src/pagination/Pagination.stories.js

Core set of Swrve UI Components

import React from 'react'
import { storiesOf } from '@storybook/react'
import { action } from '@storybook/addon-actions'

import Pagination from './Pagination'

const stories = storiesOf('Core|Pagination', module)

stories.add('Default Pagination', () => {
  return (
    <div className="bg-haze">
      <Pagination
        activePage={1}
        numberOfPages={8}
        maxVisibleButtons={5}
        onPageChange={action('Pagination Change')}
      />
      <Pagination
        activePage={2}
        numberOfPages={2}
        maxVisibleButtons={2}
        onPageChange={action('Pagination Change')}
      />
      <Pagination
        activePage={5}
        numberOfPages={15}
        maxVisibleButtons={5}
        onPageChange={action('Pagination Change')}
      />
      <Pagination
        activePage={1}
        numberOfPages={0}
        maxVisibleButtons={2}
        onPageChange={action('Pagination Change')}
      />
    </div>
  )
})