Skip to component standard
Components

ConversationVisual draft 0.1

Attachment

Represents a file added to a message, task, or record.

SpecializedDemand-led extensionHTML first
01 / Preview

The current Angle direction.

member-import.csv42 KB · Upload complete
02 / Decision

What this component must preserve.

Angle component decision

Show file name, type, size, upload state, and a clear remove or retry action.

03 / Anatomy

Parts with a specific job.

File icon01
Name02
Metadata03
Progress04
Action05
04 / States

The happy path is only one state.

01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance

Use the contract, not the screenshot.

Do

Show file name, type, size, upload state, and a clear remove or retry action.

Avoid

Do not introduce this surface without a real product need, complete states, and an accessible non-pointer path.