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. |