Components › Records & data › Attachment › File drop

File drop

canon

The one surface for choosing a file: drop zone with a glyph, label, accepted formats, upload progress and an inline error.

Owner approved v2 on 3 Oct 2026 (acrm !4548): replaced Import .drop, the identity image .idimg-pick and the Documents step-1 zone. Import on dev = approved design, 0 px difference (1440 and 390). Canon since 4 Oct 2026: also used by step 1 of the Documents form-less dialog (acrm !4574), checked on dev at 1440 and 390.

Used in 3 files · 3 areas · 3× — components/IdentityImageDialog, components/evidence, pages/ImportPage

@acrm/ui <FileDrop>.acrm-filedrop-wrap .acrm-filedrop .fd-ic .fd-label +3Source Story

Examples Code Usage Accessibility Changelog

Changelog since 3. 10. 2026

17. 10. 2026refactor(ds): tokeny podle významu — vrstvy, pohyb, focus ring, text na barvě (beze změny vzhledu)apps/web/src/ds/file-drop.cssŠtěpán · 8cda81b26
3. 10. 2026feat(ds): FileDrop — jedna plocha pro výběr souboru (Import, obrázek identity, Dokumenty)packages/ui/src/components/FileDrop.tsxŠtěpán · 26daa2568