Skip to main content Skip to navigation Skip to search

The file input uses the native HTML File Input.

Usage

Use a file input field when the user needs to choose one or more files from their device storage.

States

Max file size: 128 MB

Enabled

Use when interactive. The helper message can be used to specify the supported file formats or maximun size.

Max file size: 128 MB

Disabled

Use when not interactive. For example, when a user does not have permissions to upload files.

Exceed file size limit

Error

Use when one or more files have been selected.

File accepted

Success

Use when one or more files have been selected.

Layouts

File inputs are available in vertical, horizontal, and compact layout. See more layout guidelines on the form page.

Vertical

message text

Horizontal

message text

Compact

message text