[react-dropzone](https://github.com/react-dropzone/react-dropzone) allows using simple react hooks to create a HTML5-compliant drag'n'drop zone for files.

### css classes

The following css classes are available to apply the UI-Kits styling to `react-dropzone`:

| Branch                               | Build Status                                                             |
| ------------------------------------ | ------------------------------------------------------------------------ |
| .wfp--dropzone                       | Overall drag-and-drop area                                               |
| .wfp--dropzone\_\_input--drag-active | Active class from the drag-and-drop area if a drag is currrently ongoing |
| .wfp--dropzone\_\_icon               | Upload icon shown inside the drag-and-drop area                          |
| .wfp--dropzone\_\_file-list          | File list showing currently quewed files                                 |
