Attachment States

A file-attachment list item that displays upload lifecycle states (idle, uploading, processing, error, done) with matching icons and retry/remove actions.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Attachment States to your project and fits it to your theme.

import AttachmentStates from "@/components/ui/attachment-states";

export default function AttachmentStatesDemo() {
  return <AttachmentStates />;
}