File uploader allows the user to transfer a file or submit content of their own.
- A file uploader is commonly found in forms, but they can also live as stand alone elements.
- Add files is the default text that appears with the file uploader.
- A file uploader should always be accompanied by Submit or Upload, which is to be styled as a Primary Button.
- Use an ellipsis (…) if the filename extends beyond the width of its parent element.
- The user may select 1 or more files to upload at a time. By default, any file type is accepted, but you can add parameters to validate a specific file type.
- The action of clicking Add files will trigger a browser-specific upload window.
- Once the user chooses files to upload, the browser-specific upload window closes and the files will appear below the Add files button.
- User clicks Submit or Upload to submit their data.
- Any errors that may occur with the file should appear as an inline error Notification.