0.0.39 • Published 2 years ago
@gabrielcazacu96/file-viewer v0.0.39
file-viewer
Supported file formats:
- bmp
- csv
- docx
- gif
- jpeg
- jpg
- png
- xlsx
Install
# via npm
npm install @resolve_ch/file-viewer
FileViewer example
import React from 'react';
import ReactDOM from 'react-dom';
import FileViewer from '@resolve_ch/file-viewer';
class App extends React.Component {
render() {
return (
<FileViewer
filePath="https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg"
</FileViewer>
);
}
}
ReactDOM.render(<App/>, document.body);
FileViewer props
{
// The url of the resource to be shown by the FileViewer.
filePath: 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).
// By default, the extension of the filePath is used to determine the fileType, but it can be overwritten using this prop.
fileType: string [optional]
// Can be used to extend the file-viwer or overwrite the existing drivers, eg: '{ mp4: VideoPlayerViewer }'
drivers: object [optional]
// Called when an error is thrown due to fetching or rendering problems
onError: function [optional]
// A component to render in case the file format is not supported.
UnsupportedComponent: ReactElement [optional]
// A component to render in case an error is thrown
ErrorComponent: ReactElement [optional]
}
Local development
There is a demo app built into this library that can be used for development purposes.
npm run dev
0.0.37
2 years ago
0.0.38
2 years ago
0.0.39
2 years ago
0.0.35
2 years ago
0.0.36
2 years ago
0.0.21
2 years ago
0.0.22
2 years ago
0.0.23
2 years ago
0.0.24
2 years ago
0.0.30
2 years ago
0.0.31
2 years ago
0.0.32
2 years ago
0.0.33
2 years ago
0.0.34
2 years ago
0.0.26
2 years ago
0.0.27
2 years ago
0.0.28
2 years ago
0.0.29
2 years ago
0.0.20
2 years ago
0.0.19
2 years ago
0.0.18
2 years ago
0.0.17
2 years ago
0.0.16
2 years ago
0.0.15
2 years ago
0.0.14
2 years ago
0.0.13
2 years ago
0.0.12
2 years ago
0.0.11
2 years ago
0.0.10
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.7
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago