File drop zone

Also known as

File input, File selector, File upload, File uploader, Multi file upload, Upload, Uploader

Contains

Available since
@salt-ds/core@1.16.0

Resources

Support

FileDropZone provides a target area for users to drag and drop files, such as documents or images, and automatically uploads them to the web application.

Keyboard interactions

KeyFunction
Tab
  • Tab sets focus to the Browse files button. If focus is in the file drop zone, Tab sets focus to the next focusable component in the tab order.
Shift + Tab
  • If focus is in the file drop zone, this action sets focus to the previous focusable component in the tab order.
Space / Enter
  • When focus is on the Browse files button, this action activates the button and opens the native file explorer window.

The operating system determines keyboard interactions within the file explorer.

Previous Page

Dropdown

Next Page

Flex layout