@brighthr/component-file-selector
TypeScript icon, indicating that this package has built-in type declarations

2.0.1 • Public • Published

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.

Readme

Keywords

none

Package Sidebar

Install

npm i @brighthr/component-file-selector

Weekly Downloads

419

Version

2.0.1

License

MIT

Unpacked Size

28.1 kB

Total Files

8

Last publish

Collaborators

  • bright.hr