Patterns · Building a request / Attachments
Attachments
Add photos and files, and view them full screen.
How it works
1
attach_fileAttachments
add_photo_alternateUpload filesSupported: JPEG, PNG, PDF · up to 32 MB
An empty section shows one upload box with what is allowed.
2
Add attachmentsclose
imagepicture_as_pdf
photo_cameraCameraphoto_libraryGallery
Camera or gallery; picked files show as tiles with a remove icon.
3
File name · 2.4 MBclose
Tapping a file opens it full screen with the others in a rail.
Rules
- Say what is allowed before people pick.
- Files show as tiles: image preview or a file-type icon, then the name.
- A file over the limit is refused with a toast naming the limit.
- Remove is on the tile; there is no confirm.
Motion and haptics
| Moment | Motion | Haptic |
|---|---|---|
| File added | Tile pops in | Light tick |
Seen in
NecropsyEggAssessmentsMedicalGRC
Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.