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

UploadDropZoneComponent

Component

Represents the Kendo UI UploadDropZone component for Angular.

Definition

Package:@progress/kendo-angular-upload

Selector:kendo-uploaddropzone

Export Name:Accessible in templates as #kendoUploadDropZoneInstance="kendoUploadDropZone"

Syntax:

html

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

Inputs

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.