File Upload

Buttons

An accessible drag-and-drop file upload component with validation, progress animation, file list preview, and keyboard interaction.

Loading preview...

Customize

Max Size (bytes)

5242880

Multiple

Max Files

Disabled

Props

Prop	Type	Default	Description
`value`	`File[]`	`[]`	Array of selected files.
`onChange`	`(files: File[]) => void`	`undefined`	Callback when files are selected or removed.
`accept`	`string`	`undefined`	Accepted file types (e.g., 'image/*,.pdf').
`maxSize`	`number`	`5242880`	Maximum file size in bytes (default: 5MB).
`multiple`	`boolean`	`true`	Whether to allow multiple files.
`maxFiles`	`number`	`10`	Maximum number of files allowed.
`disabled`	`boolean`	`false`	Disables the file upload.
`className`	`string`	`''`	Additional CSS classes.