Core / Forms
File Upload
Selects and uploads files as part of a form.
Live example
Accepts images and PDFs up to 5 MB each.
Interactive preview using local sample data. Styling is intentionally left to the consuming project.
Usage
<FileUpload accept="image/*" />Adopt to your project
Keep this component semantically neutral. Use its documented props for behavior and className for project-specific spacing, width, typography, and visual treatment.
Accessibility
Provide a keyboard-accessible trigger and readable file errors.
API reference
| Public attribute |
|---|
accept |
multiple |
onFiles |
maxSize |
disabled |
The preview above uses a safe local fixture. Confirm exact TypeScript props when adapting it to your application.
Installation
Full library
pnpm install:project /absolute/path/to/your-project
Planned guided selection
Forms → File Upload