File Upload

For form usage and structure, look at Forms.

Error Styling

  • File upload errors should be located 8 px under the file with the error.
  • These errors use body text size.
  • Error icons should be 8 px from the beginning of the error message.

Basic Visual Style

Colors

  • The blues used are primary blue.
  • The incomplete uploaded file icon is primary blue at 50% alpha.
  • The incomplete status bar is lighter grey at 4 px height.

Text

  • Text follows the charcoal text theme.
  • Uploaded/Uploading files are body text size.

Spacing

  • Files should have 20 px vertical spacing between them.