Attachment Composer Tray

A chat message composer with a textarea, a scrolling row of removable file-attachment chips above it, and attach/send buttons, for AI chat or support-ticket style inputs.

ReUIbySean Hello

import AttachmentComposer from "@/components/ui/attachment-composer-tray";

export default function AttachmentComposerTrayDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-6">
      <AttachmentComposer />
    </div>
  );
}

Dependencies

lucide-react

Source

reui.io/r/c-attachment-2.json

License

MIT License

Published

9/21/2026

Similar components

Explore more

Part of ReUI — browse the full library on 21st.dev.

Chat components75 AI Chat components248 Attachment components46 File Upload components114 Composer components10

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Attachment Composer Tray

Dependencies

Tags

Source

License

Published

Similar components

Explore more