File Uploader
File uploaders allow users to upload files to a server
- Labels should be used to describe the file types that can be uploaded
- The file uploader should have a clear call to action
- Headings can be used to describe the file uploader
Example
Processing Uploads
Cerberus provides some visual feedback when you would like to show the status of a file upload.
file.txt
Waiting to upload
file.txt
50% Complete
file.txt
File uploaded successfully
file.txt
There was an error uploading the file
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Labels should be used to describe the file types that can be uploaded
- The file uploader should have a clear call to action
- Headings can be used to describe the file uploader
Example
Processing Uploads
Cerberus provides some visual feedback when you would like to show the status of a file upload.
file.txt
Waiting to upload
file.txt
50% Complete
file.txt
File uploaded successfully
file.txt
There was an error uploading the file
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Labels should be used to describe the file types that can be uploaded
- The file uploader should have a clear call to action
- Headings can be used to describe the file uploader
Example
Processing Uploads
Cerberus provides some visual feedback when you would like to show the status of a file upload.
file.txt
Waiting to upload
file.txt
50% Complete
file.txt
File uploaded successfully
file.txt
There was an error uploading the file
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Labels should be used to describe the file types that can be uploaded
- The file uploader should have a clear call to action
- Headings can be used to describe the file uploader
Example
Processing Uploads
Cerberus provides some visual feedback when you would like to show the status of a file upload.
file.txt
Waiting to upload
file.txt
50% Complete
file.txt
File uploaded successfully
file.txt
There was an error uploading the file
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |