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