react-viewer-mobile

react image viewer for mobile

Introduction

react-viewer for mobile.

Installation

``bash
npm install react-viewer-mobile --save
`

Usage

`javascript
import * as React from 'react';
import Viewer from 'react-viewer-mobile';
import 'react-viewer-mobile/dist/index.css';

class App extends React.Component {
constructor() {
super();

this.state = {
visible: false,
};
}

render() {
return (



);
}
}
``

Props

| props | type | default | description | required |
|-------------|--------------|---------|-----------------------------|----------|
| visible | string | false | Viewer visible | true |
| images | {src: string, alt: string}[] | [] | image source array | true |
| activeIndex | number | 0 | active image index | false |
| zIndex | number | 1000 | Viewer css z-index | false |

Gesture support

- slide
- pinch

License

MIT