Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- - Overview
  - Initial Files
  - Validation
  - Templates
  - Chunk Upload
  - Directory Upload
  - Custom Drop Zone
  - RTL Support
  - API
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Upload / Custom Drop Zone /

New to Kendo UI for Vue? Start a free 30-day trial

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.

Example

View Source

Change Theme:

Suggested Links

Directory Upload