File Upload
The File uploader component allows users to select
one or more files to upload to a specific location.
Use Cases
- When the user is either requested or given the option to upload single or multiple files from its computer as part of a flow, form or process.
HTML
How to use the file upload
- To be able to upload multiple files, it is needed to add the attribute multiple for this input component.
Do's & Dont's
Labeling and Captioning
Use descriptive and clear hint and note texts to inform users about
this component's functionality, accepted file types, or any specific
instructions. Always use short and concise phrases: preferably,
limit them to a single line of text.
Always provide feedback on the upload
process
It is highly important to provide immediate feedback to users
regarding upload progress, possible errors, and upload completion,
as this will determine any further actions.
Avoid using it as a stand-alone
component
Never use this as a stand-alone component. The users must be able to
easily understand the context of the file requested. Use it as part
of a flow, modal, form or specific sections of your application with
appropriate labeling and descriptions.
Alternative and Related components
