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

Core set of Swrve UI Components

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

import Pagination from './Pagination'

export default {
  title: 'Core/Pagination',
  component: Pagination
}
export const DefaultPagination = args => {
  return (
    <div className="bg-haze">
      <Pagination
        activePage={1}
        numberOfPages={8}
        maxVisibleButtons={5}
        onPageChange={action('Pagination Change')}
        {...args}
      />
      <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>
  )
}