← All forms

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