File Input

v1.0.0

Lets users upload files by dragging or browsing.

Interactive Implementation

Drag files onto the area or click to browse for them.

File Input API Reference

All available props for this component.

PropertyTypeDefaultDescription
labelstringundefinedPrimary call-to-action text rendered inside the drop zone.
descriptionstringundefinedSecondary helper text describing accepted file types or limits.
errorstringundefinedError message rendered below the drop zone with destructive styling.
multiplebooleanfalseAllows selection of multiple files in the file dialog.
acceptstringundefinedComma-separated list of accepted MIME types or extensions.
onChange(files: FileList | null) => voidundefinedCallback triggered when files are selected via drop or dialog.
© 2026 Venti UI Labs. UI made right.