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';

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.