react-file-viewer-v2
TypeScript icon, indicating that this package has built-in type declarations

1.0.3 • Public • Published

react-file-viewer-v2

Extendable file viewer for web

NPM JavaScript Style Guide

react-file-viewer-v2 is a small package for viewing files on the web inspired by react-file-viewer

Install

npm install --save react-file-viewer-v2

Supported file formats:

  • Images: png, jpeg, gif
  • pdf
  • docx
  • Video: mp4, webm
  • Audio: mp3

Usage

There is one main React component, FileViewer, that takes the following props:

fileType string: type of resource to be shown (one of the supported file formats, eg 'png'). Passing in an unsupported file type will result in displaying an unsupported file type message (or a custom component).

filePath string: the url of the resource to be shown by the FileViewer.

unsupportedComponent react element [optional]: A component to render in case the file format is not supported.

import React, { Component } from 'react'

import { FileViewer } from 'react-file-viewer-v2'

class Example extends Component {
  render() {
    return <FileViewer
      fileType="pdf"
      filePath={pdf}
    />
  }
}

License

MIT © javier-mora

Keywords

none

Install

npm i react-file-viewer-v2

DownloadsWeekly Downloads

8

Version

1.0.3

License

MIT

Unpacked Size

105 kB

Total Files

24

Last publish

Collaborators

  • javier.mora