Vivid Logo Vivid

File Picker

The file picker component enables users to select files either by opening a file selection dialog or by using drag-and-drop functionality.

This component was tested and signed off by Applause (external accessibility specialists).

Implementation

  • If label attribute is set, the aria-label will be updated automatically.
  • If no label is set - it is highly recommended to add a aria-label as below.
<vwc-file-picker aria-label="Upload Files"> Drag & Drop or click to upload </vwc-file-picker>