Browse components
File Upload Component
Polished file upload component with drag and drop, validation, progress, errors, and removable file rows.
Add to your project
1Connect the Uniquel MCP
Connect Uniquel to your coding agent before using the component ID.
Connect MCP2Copy the component ID
MCP ID
component:forms/file-upload-componentWorks with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSSolar IconsProps
| Prop | Type | Description |
|---|---|---|
items | FileUploadItem[] | Files and app-supplied upload states |
accept | string | Native accepted file types |
multiple | boolean | Allow more than one file |
maxSize | number | Maximum file size in bytes |
onFilesSelected | (files, rejected) => void | Returns accepted and rejected files |
onRemove | (id: string) => void | Called when a file row is removed |
disabled | boolean | Disable file selection and drop |
className | string | Styles for the outer wrapper |
More Forms Components
Minimal React stepper with clear completed, current, and upcoming states for multi-step flows.