Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

File upload

JSX for this example
<React.Fragment />

File upload configuration

FileUpload components use the following props:

accept (optional)
Value of the accept attribute on the input element
capture (optional)
Value of the capture attribute on the input element
className (optional)
A CSS class name to pass to the component.
errorMessage (optional)
Text to use for an error message.
hasError (optional)
Whether the field is in an error state. Boolean.
hintText (optional)
Text to use for a text input's hint text.
id
Value to use for the id attribute of the input element.
isMultiple (optional)
Whether the fie upload should accept multiple files. Boolean.
label
Text to use for the file input's associated label.
name (optional)
Value to use for the name attribute of the input element.
onBlur (optional)
Function to fire in response to a blur event.
onChange (optional)
Function to fire in response to a blur event.
text (optional)
Overrides for the default text in the component.