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

Custom Rendering

The Kendo UI for Vue Native Upload enables you to customize the user interface of its file-list items.

To customize the appearance of the files selected for upload, pass a custom slot template to the list property of the Upload component. The UploadListItemProps properties will be available inside the slot template.

Basic Usage

The following example is a demonstration of a basic Upload list customization.

Example
View Source
Change Theme:

Using the UploadListSingleItem and UploadListMultiItem Components

The following example demonstrates how we can use the UploadListSingleItem and UploadListMultiItem components available in the @progress/kendo-vue-upload package giving you the option to add additional elements in the list and keeping the original list rendering.

Example
View Source
Change Theme: