File Inputs

Custom drag-and-drop upload controls with click-to-browse, inline validation, and client-side previews for common document types.

Core Patterns

Use a compact single-file picker for focused tasks, or switch to a multi-file intake surface when a workflow needs supporting documents and screenshots together.

Single file
Click or drop files here Browse from your device or drag files directly into this area. Allowed: .jpg, .jpeg, .png, .gif, .webp, .svg / 1 file maximum / Max size 5 MB
Images only, up to 5 MB.
Multi file
Click or drop files here Browse from your device or drag files directly into this area. Allowed: .pdf, .txt, .md, .csv, .json, .docx / 6 files maximum / Max size 10 MB
Mix screenshots, PDF notes, text files, spreadsheets, and Word documents. Up to 6 files.

Validation And Theme

The component can lock to specific file types, open to any type, or be dropped into dark mode while keeping the same Verapath visual language.

Allow all
Click or drop files here Browse from your device or drag files directly into this area. Any file type allowed / 4 files maximum
Useful for exploratory intake when the backend will validate or transform later.
External state
Click or drop files here Browse from your device or drag files directly into this area. Allowed: .pdf / 1 file maximum
Add a signed PDF packet before continuing.
Dark mode
Click or drop files here Browse from your device or drag files directly into this area. Allowed: .pdf, .txt, .md, .csv, .json, .docx / 5 files maximum
Dark surfaces keep the same states, spacing, and preview rhythm.

Preview Lab

Drop an image, PDF, TXT, XLSX, DOCX, or an unknown file to test the preview fallback path. Unsupported types collapse to a standard file tile instead of breaking the surface.

Preview gallery
Image PDF TXT XLSX DOCX Fallback tile
Click or drop files here Browse from your device or drag files directly into this area. Allowed: .jpg, .jpeg, .png, .gif, .webp, .svg / 6 files maximum / Max size 12 MB
Try dropping one of each supported format to inspect the preview mix in a single group.
Selection summary
0 Preview files
0 Request files
0 Open type files
Latest events

Selections and rejections will be summarized here as you interact with the controls.

AI Chat Composer Variant

This compact variant keeps the attachment drop area directly above a multiline prompt box so it can slot into an AI chat composer without needing the larger file-list layout.

Chat composer
Drop files or click to attach Allowed: .pdf, .txt, .md, .csv, .json, .docx / 5 files maximum
An unhandled error has occurred. Reload x