@whatsnextedu/content-viewer v1.5.0

content-viewer

Contents

• About
• Installation
• Usage
• Styling
  • Styled Component
• Current Renderer File Types
  • Document
  • Image
  • Video
  • Audio
  • Custom
• API
• License

About

A package that provides a React component to render standard files and media types for the users to view.

Installation

 npm install https://github.com/whatsnextedu/content-viewer
 # or
 yarn add https://github.com/whatsnextedu/content-viewer

Usage

import { FileRender } from "content-viewer";

const App = () => {
  return <FileRender fileType={fileType} source={source} onError={() => setError()} />;
}

export default App

Styling

Styled Component

import { FileRender } from "content-viewer";
import styled from "styled-components";

const StyledFileRender = styled(FileRender)`
  border: 1px solid red;
`;

const App = () => {
  return <StyledFileRender fileType={fileType} source={source} onError={() => setError()} />;
}

export default App

Current Renderer File Types

Document

Image

Video

Audio

Custom

API

FileRender props

License

Licensed under the MIT License.

See LICENSE for more information.