983306: Re-structing the Drag and drop section of File uploader.

Author: Yuvan111

blazor-toc.html

@@ -2981,7 +2981,7 @@
 			<li> <a href="/blazor/file-upload/chunk-upload">Chunk Upload</a></li>
 			<li> <a href="/blazor/file-upload/localization">Localization</a></li>
 			<li> <a href="/blazor/file-upload/file-source">File Source</a></li>
-			<li> <a href="/blazor/file-upload/drag-and-drop">Template</a></li>
+			<li> <a href="/blazor/file-upload/drag-and-drop">Drag and Drop</a></li>
 			<li> <a href="/blazor/file-upload/template">Template</a></li>
 			<li> <a href="/blazor/file-upload/validation">Validation</a></li>
 			<li> <a href="/blazor/file-upload/form-integration">Form Integration</a></li>

blazor/file-upload/drag-and-drop.md

@@ -9,11 +9,11 @@ documentation: ug
 
 # Drag and drop in Blazor File Upload Component
 
-The uploader component supports drag-and-drop file selection. Users can drag files from the file explorer and drop them into the drop area. By default, the uploader component acts as the drop area. The drop area is highlighted when files are dragged over it to indicate that dropping is supported.
+The File Upload component supports drag-and-drop file selection. Users can drag files from the file explorer and drop them into the drop area. By default, the File Upload component acts as the drop area. The drop area is highlighted when files are dragged over it to indicate that dropping is supported.
 
 ## Custom DropArea
 
-The uploader component allows configuring an external target element as the drop area by using the [DropArea](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.UploaderModel.html#Syncfusion_Blazor_Inputs_UploaderModel_DropArea) property. The element can be specified as an HTML element reference or by using the element’s ID.
+The File Upload component allows configuring an external target element as the drop area by using the [DropArea](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.UploaderModel.html#Syncfusion_Blazor_Inputs_UploaderModel_DropArea) property. The element can be specified as an HTML element reference or by using the element’s ID.
 
 ```cshtml
 @using Syncfusion.Blazor.Inputs
@@ -57,11 +57,11 @@ body .e-upload-drag-hover {
 
 ## DropEffect
 
-The uploader exposes a DropEffect property that controls the cursor feedback and allowed drop operation during drag-and-drop. Set this property to Default, Copy, Move, Link, or None. Default uses the browser’s behavior. Dropped files are added to the selected files list and processed according to component settings (for example, AutoUpload, SaveUrl/RemoveUrl, AllowedExtensions, MinFileSize, and MaxFileSize).
+The File Upload exposes a DropEffect property that controls the cursor feedback and allowed drop operation during drag-and-drop. Set this property to Default, Copy, Move, Link, or None. Default uses the browser’s behavior. Dropped files are added to the selected files list and processed according to component settings (for example, AutoUpload, SaveUrl/RemoveUrl, AllowedExtensions, MinFileSize, and MaxFileSize).
 
 ### Copy
 
-Shows a copy cursor during drag-and-drop. Dropped files are added to the uploader’s selection without modifying the originals. Upload proceeds based on the component configuration.
+Shows a copy cursor during drag-and-drop. Dropped files are added to the File Upload’s selection without modifying the originals. File Upload proceeds based on the component configuration.
 
 ```cshtml
 
@@ -85,7 +85,7 @@ Shows a copy cursor during drag-and-drop. Dropped files are added to the uploade
 
 ### Move
 
-Shows a move cursor during drag-and-drop. Source files are not moved from their original location; the uploader only adds them to the selection and uploads according to configuration.
+Shows a move cursor during drag-and-drop. Source files are not moved from their original location; the File Upload only adds them to the selection and uploads according to configuration.
 
 ```cshtml
 
@@ -133,7 +133,7 @@ Shows a link cursor during drag-and-drop. This changes the cursor feedback only;
 
 ### None
 
-Prevents dropping files on the uploader or the configured drop area. Use this when disabling drops is required regardless of validation rules.
+Prevents dropping files on the File Upload or the configured drop area. Use this when disabling drops is required regardless of validation rules.
 
 ```cshtml
 
@@ -157,7 +157,7 @@ Prevents dropping files on the uploader or the configured drop area. Use this wh
 
 ## Clipboard Paste
 
-The File Upload component supports file selection through clipboard paste operations. Click on the uploader element and press Ctrl+V to paste files from the clipboard. The pasted files are added to the selected files list.
+The File Upload component supports file selection through clipboard paste operations. Click on the File Upload element and press Ctrl+V to paste files from the clipboard. The pasted files are added to the selected files list.
 
 ```cshtml
 @using Syncfusion.Blazor.Inputs