Filepicker

View on GitHub

Introduction

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

Basic multiple example

<FilePicker
  multiple
  width={250}
  marginBottom={32}
  onChange={files => console.log(files)}
/>
Hide code

Changing the height

<FilePicker multiple width={350} height={24} marginBottom={32} />
Hide code

Disabled

<FilePicker disabled width={250} marginBottom={32} />
Hide code

FilePicker Props

namestring
Name attribute of the input.
acceptunion
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
onBlurfunc
Function called when onBlur is fired