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)}
/>
code Hide code

Changing the height

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

Disabled

<FilePicker disabled width={250} marginBottom={32} />
code 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