FileInput

Beta notice: This page is being built.Edit on GitHub(opens in new tab)

Selects files with explicit upload constraints; uploading remains a Solution operation.

longlink docs component "FileInput"

Example

Choose files
Required

Properties

FileInput - Properties
labelstring
Accessible label for the file input.
descriptionstring
Description text displayed between the label and input.
namestring
Includes the themed control's value under this form submission name.
requiredboolean
Requires a value before native form submission.
disabledboolean
Prevents interaction and excludes the field from submission.
valueFile | File[] | null
Currently selected file(s). Controlled component.
onChange(value: File | File[] | null) => void
Callback fired when files are selected or removed.
acceptstring
Accepted file types. Uses the HTML accept attribute format (e.g. "image/*", ".pdf,.doc").
multipleboolean
Allows selecting multiple files.
maxSizenumber
Maximum file size in bytes. Files exceeding this are rejected with an error status.
maxFilesnumber
Maximum file count when multiple selection is enabled.
placeholderstring
Placeholder text shown when no file is selected.
mode"input" | "dropzone"
Compact input or drag-and-drop area.