# External Drop Zone

The ExternalDropZone helps users to drag and drop files from their file systems to a dedicated user interface. The files are then sent to the specified server handlers, which are configured to receive them.

The ExternalDropZone component is a drag and drop tool. To link the external DropZone to the Upload, provide a reference to the Upload using the [`uploadRef`](https://www.telerik.com/kendo-react-ui-develop/components/upload/api/externaldropzoneprops#uploadRef) property.

[Demo Source](https://demos.telerik.com/kendo-react-ui/upload/external_drop_zone/func/source.txt)

# Customization

The ExternalDropZone can be customized using the [`customHint`](https://www.telerik.com/kendo-react-ui-develop/components/upload/api/externaldropzoneprops#customHint) and [`customNote`](https://www.telerik.com/kendo-react-ui-develop/components/upload/api/externaldropzoneprops#customNote) properties.

[Demo Source](https://demos.telerik.com/kendo-react-ui/upload/external_drop_zone_customization/func/source.txt)

## Suggested Links

* [API Reference of the Upload](https://www.telerik.com/kendo-react-ui-develop/components/upload/api/uploadprops)
* [API Reference of the ExternalDropZoneProps](https://www.telerik.com/kendo-react-ui-develop/components/upload/api/externaldropzoneprops)