Content

Attachment

Composes file media, name, metadata, and optional native actions.

idle

Usage

import {
	Attachment,
	AttachmentActions,
	AttachmentContent,
	AttachmentDescription,
	AttachmentMedia,
	AttachmentName,
} from "@mizen-labs/ui";

Anatomy

The parts and how they nest, taken from the preview above.

<Attachment>
	<AttachmentMedia />
	<AttachmentContent>
		<AttachmentName />
		<AttachmentDescription />
	</AttachmentContent>
	<AttachmentActions />
</Attachment>

Examples

Release files

Recommendations

Guidance	Practice
Do	Show the filename and useful metadata such as format or size. Label preview and download actions.

Usage boundaries

Guidance	Boundary
Scope	Use File Upload for file selection and upload progress. Attachment does not own transport or storage.

API reference

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`Attachment`	`AttachmentProps`	`<div>`	Static file or media row with no interactive root.
`AttachmentMedia`	`AttachmentMediaProps`	`Optional`	Contains an image or other media; preserve meaningful alternative text.
`AttachmentContent / AttachmentName / AttachmentDescription`	`Composable parts`	`Required content`	Provide the file name and supporting metadata.
`AttachmentActions`	`AttachmentActionsProps`	`Optional`	Contains native links and actions; do not make the root clickable.