AI Attachment Components Inline Style

A series of attachment components built with Tailwind CSS, inspired by Ant Design X's Attachments component. Used to display and manage file uploads and attachments.

Included Demos

• 1. basic.html - Basic Style: Simple file upload with drag & drop
• 2. card.html - Card Style: File cards with preview
• 3. list.html - List Style: Compact file list view
• 4. preview.html - Preview Style: With file preview support
• 5. inline.html - Inline Style: Compact inline attachments

Key Features

• 1. File upload with drag & drop
• 2. Multiple file types support
• 3. File preview
• 4. Progress indication
• 5. Error handling
• 6. File size limits
• 7. Custom placeholders

Usage

Each demo is a standalone HTML file that can be opened directly in a browser. All demos depend on Tailwind CSS and Remix Icon library.

Reference Design

Component design is inspired by Ant Design X's Attachments component, providing various styles for file upload and management interfaces.