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

UploadDropZoneComponent

Represents the Kendo UI UploadDropZone component for Angular.

html

<kendo-uploaddropzone zoneId="upload1">
  Drop files here to upload
</kendo-uploaddropzone>
<kendo-upload [saveUrl]="uploadSaveUrl" zoneId="upload1"></kendo-upload>

Selector

kendo-uploaddropzone

Export Name

Accessible in templates as #kendoUploadDropZoneInstance="kendoUploadDropZone"

Inputs

Name	Type	Description
icon	`string`	Specifies the name for an existing icon in a Kendo UI theme. The icon renders inside the DropZone.
iconClass	`string`	Specifies a CSS class or multiple classes separated by spaces which apply to a span element. Use this property to apply custom icons.
svgIcon	`SVGIcon`	Specifies an SVGIcon to render inside the DropZone. The input accepts either an existing Kendo SVG icon or a custom one.
zoneId	`string`	Specifies the id of the component. Use this id to associate the DropZone with an existing Upload or FileSelect component.