react-image-pagination

Description

This project is a component that can use images like pages.

Install

npm install --save react-image-pagination

Demo

• Demo Codesandbox

Usage

import ImagePagination from './component-dev';

const ImgSrc1 = '...';
const ImgSrc2 = '...';
const ImgSrc3 = '...';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <ImagePagination
          pages={[{src:ImgSrc1, text: 'react'}, {src:ImgSrc2, text: 'google'}, {src: ImgSrc3}]}
          dotDisplay={true}
        />
      </header>
    </div>
  );
}

ImagePagination Props

props	type	description
pages	{src: string, text: string}[]	Render Image Data
dotDisplay	boolean	Whether the dots under the image are exposed

License

MIT © [Luffy Yeon](https://github.com/Luffy Yeon)