File Upload Card

Display uploaded file with actions.

Props

filename
string
The name of the uploaded file to display.
size
number
The file size in bytes. Displayed in a human-readable format (KB, MB).
type
string
The MIME type of the file. Used to determine the file type icon.
progress
number
Upload progress percentage from 0-100. Use -1 to indicate upload is complete.
Defaults to -1.
error
string
Error message to display. When set, the card shows an error state with a cancel button.
testId
string
Sets a data-testid attribute for automated testing.
version
1 | 2
Defaults to 1.
Examples
Examples show common usage patterns and implementation guidance.

Other

Do
Use file upload input with file upload card for complete file upload experiences.
All GoA Design System components are built to meet WCAG 2.2 AA standards. The following guidelines provide additional context for accessible implementation.

No accessibility-specific guidelines have been documented for this component yet.