Components / Attachment

Attachment

A file representation with metadata and projected actions, without implicit upload behavior.

project-brief.pdfPDF · 2.4 MB

example.component.html

html

<aevko-attachment name="brief.pdf" metadata="PDF · 2.4 MB">
  <button aevkoAttachmentAction>
    Download
  </button>
</aevko-attachment>

Installation

npx aevko-ui@latest add attachment --yes

Source ownership

Project any icon and native file action while keeping upload, download and deletion behavior entirely in the consuming application.

Edit locallyThe installed template and stylesheet are application code, not a black box.

Theme semanticallyOverride --aevko-* tokens or ordinary classes without !important.

Compose freelySlots accept native elements, SVG, images or Angular components.

Property or slot	Type	Default	Description
`name`	`string`	`required`	Visible file name.
`metadata`	`string`	`optional`	File type, size or other supporting text.
`aevkoAttachmentIcon`	`projected slot`	`empty`	Optional decorative file visual.
`aevkoAttachmentAction`	`projected slot`	`empty`	Native link, button or custom action.

Accessibility contract

File name and metadata remain text; projected actions must use native links or buttons.

Make every projected action keyboard accessible and announce destructive consequences before removing a file.