{"repo":"infeng/react-viewer","free":true,"listed":false,"github":"https://github.com/infeng/react-viewer","clone":"git clone https://github.com/infeng/react-viewer.git","description":"react image viewer, supports rotation, scale, zoom and so on","language":"TypeScript","stars":768,"topics":["reactjs","image","gallery","viewer","photos","react","image-gallery","react-components","viewerjs","picture"],"license":"MIT","category":"ui-components","readme_excerpt":"react-viewer [![NPM version][npm-image]][npm-url] react image viewer. Introduction Because I can t be comfortable using viewerjs in react, so I created react-viewer to replace it. Installation react = 16.8.0 react-dom = 16.8.0 Usage Server Side (NextJS) Server Side rest.. I'm sorry, ssr is not currently supported in 3.x , it will be fixed in 4.0 . Props props type default description required -------------- -------------- --------- ----------------------------- ---------- visible string false Viewer visible true onClose function - Specify a function that will be called when Visible close true images ImageDecorator[] [] image source array true activeIndex number 0 active image index false zIndex number 1000 Viewer css z-index false container HTMLElement null set parent node(inline mode) false drag boolean true whether to drag image false attribute boolean true whether to show image attribute false zoomable boolean true whether to show 'zoom' button false rotatable boolean true whether to show 'rotate' button false scalable boolean true whether to show 'scale' button false onMaskClick (e) = void - callback function when mask is clicked false downloadable boolean false whether to show 'download' false noClose boolean false to not render close button false noNavbar boolean false to not render the navbar false noToolbar boolean false to not render the toolbar false noImgDetails boolean false to not render image detail (WxH) false noFooter boolean false to not render the entire foo","default_branch":null,"files":null,"tree":[],"storefront":"/r/infeng","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/infeng/react-viewer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}