/react-comic-viewer

Primary LanguageTypeScript

react-comic-viewer

react-comic-viewer is comic viewer for react.

Features

  • TypeScript support

Installation

npm i --save react-comic-viewer

Usage

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;

Return

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" }