---
title: Custom Drop Zone
page_title: Custom Drop Zone - Upload - Kendo UI for Vue
description: "Implement a custom drop zone when working with the Kendo UI Upload wrapper in Vue projects."
slug: custom_drop_zone_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/upload/external-drop-zone/"
position: 6
---

<div><WrapperBanner link="/kendo-vue-ui/components/upload/external-drop-zone"></WrapperBanner></div>    

# Custom Drop Zone

The Upload enables you to upload files from a specific page area after dragging and dropping them beforehand.

To implement a custom drag zone, add a selector to the `drop-zone` property.

{% meta height:450 %}
{% embed_file custom-drop-zone/main.vue preview %}
{% embed_file custom-drop-zone/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Upload for jQuery](https://docs.telerik.com/kendo-ui/controls/editors/upload/overview)
* [API Reference of the Upload Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/upload)