File Upload / Keyboard Navigation

Blazor File Upload - Keyboard Navigation

Loading Syncfusion Blazor Server Demos…

Or drop files here

File Upload functionalities can be made interactive using keyboard shortcuts. In the below sample, various key combinations can be used to interact with the File Upload component.

The File Upload component supports the following keyboard shortcuts to initiate various actions:

Focus:

  • Alt + J - Focuses on the first component of the sample.

Selection:

  • Enter - Triggers the corresponding action to the button element.

Navigation:

  • Tab - Moves focus to the next element.
  • Shift + Tab - Moves focus to the previous element.
  • Esc - Closes the file browser dialog and cancels the upload when the file is dropped.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE