Basics

Getting Started

Design

Components

alerts

buttons

SecondaryButton

card

form

layout

loaders

navigation

BreadcrumbChild

ZoomViewContainer

overlay

state

table

TableHeaderCell

TableHeaderText

theme

timing

typography

window

FilePicker

View source on GitHub

A wrapper around the native file input that checks for extensions and file size. Returns a file object.

Props

Name	Required	Nullable	Type
children			React.Element<any>
maxSize			number
onChange			(Array<File>) ⇒ void \| Promise<void>
onError			(string) ⇒ void \| Promise<void>
extensions			Array<string>
style			CSSStyleDeclaration

Examples

Multiple Files

Select Files

() => (
  <FilePicker onChange={console.log}>
    <PrimaryButton>Select Files</PrimaryButton>
  </FilePicker>
)