1.0.2 • Published 3 years ago

react-image-pagination v1.0.2

Weekly downloads
8
License
MIT
Repository
github
Last release
3 years ago

react-image-pagination

NPM JavaScript Style Guide

Description

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

react image pagination

Install

npm install --save react-image-pagination

Demo

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

propstypedescription
pages{src: string, text: string}[]Render Image Data
dotDisplaybooleanWhether the dots under the image are exposed

License

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