pattern-library checked
Carbon Design System: File uploader
Documents upload button and drop-zone text, uploaded filename display, loading, success, uploaded, invalid states, file removal, focus return after file dialog, keyboard activation, and per-file or whole-uploader error guidance.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Drag-and-drop upload | Choose drag-and-drop upload when dropping files from a desktop file manager is a common, useful shortcut. | Dragenter and dragover make the target visibly active only when the incoming data includes files. | Carbon supports drag-and-drop uploader variant guidance, drop-zone copy, active border changes, click fallback, keyboard activation, focus return, selected files, removal, and invalid states. |
| File upload | Choose file upload when the original file itself is needed, not just information from the file. | Activating the choose-file button opens the platform file picker and returns focus to the invoking control or selected file summary afterward. | Carbon supports selected filename display, loading, success, uploaded, invalid states, removal, focus return, keyboard activation, and drop-zone boundaries. |
Evidence Role
This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: IBM. Last checked: .