Skip to content

Latest commit

 

History

History
62 lines (42 loc) · 1.32 KB

README.md

File metadata and controls

62 lines (42 loc) · 1.32 KB
Raw

react-pager-view

react-pager-view is a simple React component for pagination, allowing users to navigate through a series of pages with ease.

Installation

You can install react-pager-view via npm:

npm install react-pager-view

Or via yarn:

yarn add react-pager-view

Usage

import React from 'react';
import ImagePagination from 'react-pager-view';

const pages = [
  { src: 'image1.jpg', text: 'Page 1' },
  { src: 'image2.jpg', text: 'Page 2' },
];

const App = () => {
  return (
    <div>
      <ImagePagination 
        pages={pages} 
        dotDisplay={false}
        isInfinite={true}
      />
    </div>
  );
};

export default App;

Props

  • pages: An array of objects representing each page. Each object should have a src property for the image source and an optional text property for additional text.
  • dotDisplay: (Optional) Boolean indicating whether to display dots for each page. Default is false.
  • isInfinite: (Optional) Boolean indicating whether to enable infinite scrolling. Default is true.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Repository