aura
Home Aura
aura

File Input

The File Input component allows the user to select one or more files from their device. It behaves as a standard HTML file input. however, it is styled to match the design system.

Attributes

  • multiple (Boolean): If present, the user can select multiple files.
  • accept (String): A comma-separated list of file types that the input will accept. For example, image/* will only allow image files.

Field Attributes

  • label (String): The label for the input.
  • description (String): A description of the input.
  • desc-end (String): A description that appears at the end of the input.

Basic Usage

Select a file

Copy to clipboard

<aura:file label="File" description="Select a file" />

Multiple Files

Select multiple files

Copy to clipboard

<aura:file label="Files" description="Select multiple files" multiple />

No list

Select a file

Copy to clipboard

<aura:file label="File" description="Select a file" :list="false" />

Disabled

Copy to clipboard

<aura:file label="File" disabled />