The Telerik UI for Blazor DropZone component allows users to effortlessly drag and drop files to a specific area within a web application or page. This UI control elevates the overall user experience by automatically transferring the selected file or image from the designated zone.
Leveraging the Telerik UI for Blazor DropZone component, users can declare an external drop zone for an existing FileSelect or Upload component thanks to the native integration between the components. Simply match the value of the DropZone Id parameter with the DropZoneId parameter of the FileSelect or Upload components.
Learn more in the Telerik UI for Blazor DropZone documentation
The Telerik UI for Blazor DropZone component enables you to render the arbitrary content inside the component leveraging the Template parameter. The Template is a RenderFragment and allows you to add any custom content required, such as simple text, HTML elements or other components.
Apply custom CSS styles to the Blazor DropZone component when the user is dragging over it by leveraging the DragOverClass parameter. You can also customize the width and height of the DropZone component to align it with your design requirements or personal preferences.
The DropZone component also features customizable and localizable hint and note parameters:
See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.
Try Telerik UI for Blazor with dedicated technical support.