JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 570
  • Score
    100M100P100Q107333F
  • License BSD-3-Clause

React component that views documents using Google Doc Viewer

Package Exports

  • itsa-react-docviewer
  • itsa-react-docviewer/lib/component.jsx

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (itsa-react-docviewer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Build Status

React component that views documents using Google Doc Viewer

How to use:

const ReactDOM = require("react-dom"),
    Component = require("itsa-react-docviewer");

const props = {
    allowFullScreen: true,
    src: "http://projects.itsasbreuk.nl/react-components/itsa-docviewer/example.pdf"
};

ReactDOM.render(
    <Component {...props} />,
    document.getElementById("component-container")
);

About the css

You need the right css in order to make use of itsa-react-checkbox. There are 2 options:

  1. You can use the css-files inside the css-folder.
  2. You can use: Component = require("itsa-react-docviewer/lib/component-styled.jsx"); and build your project with webpack. This is needed, because you need the right plugin to handle a requirement of the scss-file.

View live example

API

If you want to express your appreciation

Feel free to donate to one of these addresses; my thanks will be great :)

  • Ether: 0xE096EBC2D19eaE7dA8745AA5D71d4830Ef3DF963
  • Bitcoin: 37GgB6MrvuxyqkQnGjwxcn7vkcdont1Vmg