@brighthr/component-file-selector

File Selector

Installation

To install, type the following into the command line at the root of your project:

npm i @brighthr/component-file-selector

To implement the FileSelector component into your project you’ll need to add the import:

import FileSelector from '@brighthr/component-file-selector';

DropZone options

Uses React DropZone - dropZoneOptions can be used to configure behavior, complete list here https://react-dropzone.js.org/#src

For example - to only allow selection of one file....

import FileSelector from '@brighthr/component-file-selector';

return () => <FileSelector dropZoneOptions={{ multiple: false }} />;

Name	Type	Default	Description
dropZoneOptions	react-dropzone options	{}	Options to pass into react-dropzone (see https://react-dropzone.js.org/)
onFilesSelected	(files: File[]) => void		Fucntion to handle the onchange when files are selected.
text	string		Sets the text to display above the button.