Filepicker

View on GitHub

Introduction

The Filepicker component is used to select one or multiple files from the file system.

Basic multiple example

Hide code

Changing the height

Hide code

Disabled

Hide code

FilePicker Props

namestring
Name attribute of the input.
acceptstring | Array<string>
The accept attribute of the input.
requiredbool
When true, the file picker is required.
multiplebool
When true, accept multiple files.
disabledbool
When true, the filepicker is disabled.
capturebool
The capture attribute of the input.
heightnumber
The height of the file picker.
onChangefunc
Function called when onChange is fired. (files: FileList) => void
onBlurfunc
Function called when onBlur is fired. (event: React.FocusEvent) => void
placeholderstring
Placeholder of the text input
classNamestring
Class name passed to the FilePicker. Only use this if you know what you are doing.