AI & AgentsPro

Chat Attachment

A file chip attached to a chat message, with an optional remove button.

Usage

Q3-report.pdf2.4 MB

bash

npm install @wunderui/react

Then import what you need:

tsx

import { ChatAttachment } from "@wunderui/react"

A file chip with its size and a button to remove it.

q3-report.pdf2.4 MB

revenue.csv128 KB

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

One conversation with both roles, a tool call, sources and actions.

AV

What changed in Q3?

q3-report.pdf2.4 MB

Revenue grew 12% quarter over quarter, driven by 1,204 new customers.