File drop zone

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.

Also known as: File input, File selector, File upload, File uploader, Multi file upload, Upload, Uploader

Salt package	@salt-ds/core
Available since	1.16.0

Code

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

Keyboard interactions

Key	Function
`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.

Keyboard interactions

Key	Function
`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.

Keyboard interactions

Key	Function
`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.