Components / AI components / Conversation
ConversationExperimental alpha

Attachment

Composable files, measured progress and accessible media previews.

Attachment preview

Loading example…

Interactions use local sample data.

Usage and props

The host validates, authorizes, uploads and stores files; owns object URLs and confirms state changes. UI checks are not file-content validation.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

name · state · mediaType? · sizeBytes? · progress? · access? · preview? · onRemove? · onRetry? · onOpen? · Root / Preview / Info / Actions / Progress
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard