react-comic-viewer
react-comic-viewer is comic viewer for react.
Features
- SSR support
- TypeScript support
Installation
npm i --save @choengteur/react-comic-viewer
Usage
import React from 'react';
import ComicViewer from '@choengteur/react-comic-viewer';
function App() {
return <ComicViewer pages={['hoge.png', 'fuga.jpg', 'piyo.jpg', 'moge.jpg']} />;
}
export default App;Props
| Return | Type | Required |
|---|---|---|
| className | Object | |
| direction | String | |
| initialCurrentPage | Number | |
| initialIsExpansion | Boolean | |
| showExpansionButton | Boolean | |
| showMoveButton | Boolean | |
| onChangeCurrentPage | Function | |
| onChangeExpansion | Function | |
| onClickCenter | Function | |
| pages | Array | ✓ |
| switchingRatio | Number | |
| widthSize | Number | |
| text | Object |
Support
Full Screen API does not support iOS.
Therefore, the full screen button is not displayed on iOS.