@azu/react-comic-viewer NPM

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