Content display / The visual dictionary
Attachment preview.
A compact representation of an attached file.
Also calledfile attachmentfile chip
01
UI illustrationSee it in context
02
What it is
An attachment preview identifies a file before it is opened or downloaded. Show a recognizable type, filename, and size, and make the available action explicit.
When to use it
Use alongside messages, forms, or records with files.
Know the difference
An attachment preview identifies a linked file; a document preview reveals the file’s internal content.
03
Across platforms
WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS
iOS · iPadOS · macOS · visionOS
Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.
Web · Android · Windows · Linux
Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.
04
Go to the source
Primary documentation for the pattern and its platform conventions.