Skip to main content
Version: 8.8 (unreleased)

Filepicker

A form element to select files.

Form Filepicker Symbol

Configurable properties​

  • Field label: Label displayed on top of the file picker. Can either be an expression, plain text, or templating syntax.
  • Supported file formats: Comma-separated list of supported file formats. Can either be an expression or plain text.
  • Upload multiple files: Allows the user to upload multiple files at once. Can be dynamically set using an expression.
  • Key: Binds the field to a form variable, refer to the data binding documentation.
  • Read only: Makes the file picker read-only, meaning the user can't change but only read its state. Can be dynamically set using an expression.
  • Disabled: Disables the file picker, for use during development.
  • Hide if: Expression to hide the file picker.
  • Columns: Space the field will use inside its row. Auto means it will automatically adjust to available space in the row. Read more about the underlying grid layout in the Carbon Grid documentation.
  • Validation: Given that one of the following properties is set, the form will only submit when the respective condition is fulfilled. Otherwise, a validation error will be displayed.
    • Required: File picker must have a selected file.

Refer to document handling for additional details and limitations.