FileUploader

Carbon-spec file uploader. Three sub-components: FileUploader — wrapper that manages files state FileUploaderButton — button-style trigger (no drop area) FileUploaderDropContainer — drag-drop area (the canonical Carbon look) FileUploaderItem — per-file row showing name, size, status, delete

patternsstablea11y: untested3/3 coverageEdit on GitHub ↗
patterns-fileuploader--defaultOpen all variants →

When to use

  • Any uploads UI: dataset import, profile picture, attachment, batch import.
  • The two trigger flavours cover compact (button) and prominent (drop zone) layouts.

When not to use

  • Cross-app drop targets / drag handles for non-upload reordering → roll your own; FileUploader is upload-specific.
  • Inline image picker with paste / clipboard support → wrap an editor primitive yourself.