Keyboard Navigation

The keyboard navigation of the Upload is always available.

The Upload supports the following keyboard shortcuts.

SHORTCUTDESCRIPTION
EscCancels the upload of the highlighted file.
EnterRetries the upload of the failed file, or opens the Select file dialog.
SpaceOpens the Select file dialog if the Select files button is focused.
DeleteRemoves or cancels the highlighted file.
TabBlurs the Upload and moves the focus to the next focusable element on page.
Down ArrowHighlights the next file or the Clear button.
Up ArrowHighlights the previous file or the Select files button.
Left ArrowNavigates between the Clear and Upload buttons.
Right ArrowNavigates between the Clear and Upload buttons.
import React from 'react';
import ReactDOM from 'react-dom';
import { Upload } from '@progress/kendo-react-upload';

class App extends React.Component {
    render() {
        return (
            <Upload
                autoUpload={false}
                defaultFiles={[]}
                withCredentials={false}
                saveUrl={'https://demos.telerik.com/kendo-ui/service-v4/upload/save'}
                removeUrl={'https://demos.telerik.com/kendo-ui/service-v4/upload/remove'}
            />
        );
    }
}

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);
In this article
 /