File Picker

<Alert marginBottom={16} title={ <React.Fragment> <p color="colors.blue400" marginBottom={0}> If you have sufficient space, use the new <a href="/components/file-uploader">File Uploader</a> component instead. </p> <p color="colors.blue400" marginBottom={0}> This component will eventually be replaced by a button version of the new File Uploader component. </p> </React.Fragment> } />

Basic

<FilePicker multiple width={250} onChange={(files) => console.log(files)} placeholder="Select the file here!" />

Changing the height

<FilePicker multiple width={350} height={24} />

Disabled

<FilePicker disabled width={250} />