react-comic-viewer is comic viewer for react.
- TypeScript support
npm i --save react-comic-viewer
import React from "react";
import ComicViewer from "react-comic-viewer";
function App() {
return (
<ComicViewer pages={["hoge.png", "fuga.jpg", "piyo.jpg", "moge.jpg"]} />
);
}
export default App;| Key | Type | Description | default |
|---|---|---|---|
| pages | Array<string | ReactNode> | Comic Pages | - |
| switchingRatio? | number | Ratio to switch to single page | 1 |
| text? | Record<"expansion" | "fullScreen" | "move" | "normal", string> | Text displayed | { expansion: "Expansion", fullScreen: "Full screen", move: "Move", normal: "Normal" } |