Attachment chip · Components

a file in a conversation: icon by type, name, size · onRemove while composing

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

ChatComposer shows these itself; use it to show the files in a sent message. Without onRemove it is read-only.

<AttachmentChip file={{ name, size, type? }} onRemove? />

Already in every copy of the native kit:

import { AttachmentChip, formatBytes } from '@/components/kit/attachment-chip';

The web kit's real component, live. Follows this site's theme.

ChatComposer shows these itself; use it to show the files in a sent message. Without onRemove it is read-only.

<AttachmentChip file={{ name, size, type? }} onRemove? />

Already in every copy of the web kit:

import { AttachmentChip, formatBytes } from '@/components/kit/attachment-chip';

Agents: the whole registry is at /llms.txt.