Disabled Upload

By default, the Upload is enabled.

To disable the component, set its disabled property to true.

import React from 'react';
import ReactDOM from 'react-dom';
import { Upload } from '@progress/kendo-react-upload';

class App extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            isDisabled: true
        };
    }

    onClick = () => {
        this.setState({
            isDisabled: !this.state.isDisabled
        });
    }

    render() {
        return (
            <div>
                <button className={'k-button'} style={{ marginBottom: 10 }} onClick={this.onClick}>
                    Toggle Disabled
                </button>
                <Upload
                    batch={false}
                    multiple={true}
                    defaultFiles={[]}
                    disabled={this.state.isDisabled}
                    withCredentials={false}
                    saveUrl={'https://demos.telerik.com/kendo-ui/service-v4/upload/save'}
                    removeUrl={'https://demos.telerik.com/kendo-ui/service-v4/upload/remove'}
                />
            </div>
        );
    }
}

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