New to Telerik UI for Blazor? Download free 30-day trial

DropZone Template

The DropZone allows you to customize the default rendering of its content by using a Template.

The Template is a RenderFragment and allows you to add whatever custom content is required such as simple text, HTML elements, or other components.

Use Template to add custom content in the DropZone

<TelerikDropZone Id="@DropZoneId">
        <TelerikSvgIcon Icon="@SvgIcon.FileAdd" />
        <span>Drop files here</span>

<TelerikFileSelect DropZoneId="@DropZoneId"  />

@code {
    private string DropZoneId => "my-dropzone";

See Also

In this article