Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
80 lines (60 sloc) 2 KB

import Example from '../../components/example'; import API from '../../components/api'; import Layout from '../../components/layout';

import FileUploaderBasic from 'examples/file-uploader/basic.js'; import FileUploaderError from 'examples/file-uploader/error.js'; import FileUploaderIndeterminate from 'examples/file-uploader/indeterminate-progress.js'; import FileUploaderDisabled from 'examples/file-uploader/disabled.js'; import FileUploaderOverrides from 'examples/file-uploader/overrides.js';

import Overrides from '../../components/overrides'; import OverridesExample from 'examples/file-uploader/_overrides_component.js'; import * as FileUploaderExports from 'baseui/file-uploader';

export default Layout;

File Uploader

Creates a dropzone for file uploads.


  • "Browse files" has aria-controls="fileupload" set.

When to use

  • Enable file(s) upload through drag and drop or the system Browse files dialog.

<Example title="File uploader basic usage" path="file-uploader/basic.js"

<Example title="File upload with unknown progress" path="file-uploader/indeterminate-progress.js"

<Example title="File uploader in disabled state" path="file-uploader/disabled.js"

<Example title="File uploader with overrides" path="file-uploader/overrides.js"


<Overrides name="File Uploader" component={FileUploaderExports} renderExample={props => } />

<API heading="File Uploader API" api={require('!!@uber-web-ui/extract-react-types-loader!../../../src/file-uploader/file-uploader.js')} />

You can’t perform that action at this time.