FileUpload

The FileUpload component allows users to upload files with validation options such as size, type, and progress feedback.

Usage & Examples

Upload your document

default.tsx

<FileUpload label="Upload your document" onSubmit={...}/>

FileUpload props API
				Default	Description
`allowedFileTypes`	`string[]`	No	props	`[]`	Allowed file MIME types or file extensions (e.g. ".pdf", "image/png").
`controlRounding`	`RoundingType`	No	props	`configured default rounding (fallback: "medium")`	Rounding of the control button ('none' \| 'small' \| 'medium' \| 'large' \| 'full').
`controlShadow`	`ShadowType`	No	props	`configured default shadow (fallback: "light")`	Shadow of the control button ('none' \| 'light' \| 'medium' \| 'strong' \| 'intense').
`data-testid`	`string`	No	testing	`—`	Backward-compatible alias for test ID attributes.
`description`	`string`	No	props	`—`	Optional description text under the label.
`descriptionClassName`	`string`	No	props	`—`	Additional class names for the FormGroup description.
`disabled`	`boolean`	No	props	`false`	Whether to disable the file input.
`dropzoneClassName`	`string`	No	props	`—`	Additional class names for the dropzone/root wrapper.
`dropzoneDescription`	`string`	No	props	`—`	Optional custom instructions for drag-and-drop users and assistive tech.
`dropzoneRole`	`"button" \| "group" \| "region"`	No	props	`"group"`	Whether the dropzone should expose a button-like role.
`enableDragAndDrop`	`boolean`	No	props	`true`	Whether drag and drop is enabled.
`error`	`string`	No	props	`—`	Optional error message.