Merge pull request #6307 from syncfusion-content/BLAZ-967323-UGReview

967323: Updated review corrections in UG

Author: Karthigaiselvi-SF2856

blazor/common/how-to/add-blazor-component-to-the-toolbox.md

@@ -9,22 +9,23 @@ documentation: ug
 
 # How to add Syncfusion Component to the toolbox in Blazor Application
 
-This section explains how to add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component to the toolbox. To customize the Visual Studio Toolbox for Blazor, which by default shows HTML components and Bootstrap snippets, you can open the Toolbox by pressing `Ctrl+Alt+X` or navigating to **View → Toolbox** in the menu.
+This section provides step-by-step guidance on how to add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components to the Visual Studio Toolbox. By default, the Toolbox displays HTML elements and Bootstrap snippets. To customize it for Blazor development, open the Toolbox by pressing `Ctrl + Alt + X` or by navigating to **View → Toolbox** from the top menu.
 
 To include Syncfusion components for Blazor in the Toolbox, follow these steps:
 
-1. Right-click anywhere in the Toolbox window and choose Add Tab from the context menu. Enter a name for the new tab, such as Syncfusion Blazor Components, and press Enter to create it.
+1. Right-click anywhere within the Visual Studio Toolbox window, select **Add Tab** from the context menu. Enter a name for the new tab such as Syncfusion Blazor Components and press Enter to create it.
 
 ![Add new tab in toolbox](images/new-tab-toolbox.png)
 
-2. In a code editor, write or paste a code snippet for a Blazor component, such as a Syncfusion Calendar. Highlight the code, then drag and drop it into the newly created tab in the Toolbox.
+2. In the code editor, **write or paste a Blazor component snippet**, such as the Syncfusion SfCalendar. Once the code is in place, **select the entire code snippet**, then **drag and drop it** into the newly created tab in the Visual Studio Toolbox.
 
 ![Add code snippet to toolbox](images/add-snippet.gif)
 
-3. The Toolbox will automatically assign a name to the item based on the code snippet. You can rename it to something more descriptive, like **SfCalendar**, for better clarity.
+3. Once the code snippet is added, the Toolbox will automatically assign it a default name based on the snippet content.
+To improve clarity, right-click the item, select **Rename**, and enter a more descriptive name—such as **SfCalendar**.
 
 ![Update name](images/update-name.png)
 
-4. Once added, you can drag the component from the Toolbox directly into your code editor for use in your Blazor project.
+4. After adding the component to the Toolbox, simply **drag the component from the Toolbox into your code editor** to seamlessly use it into your Blazor project.
 
-![Drag component to editor](images/drag-component.gif)
+![Drag component to editor](images/drag-component.gif)

blazor/getting-started/maui-blazor-web-app.md

@@ -14,15 +14,15 @@ This section explains how to create and run the first .NET Multi-platform Blazor
 
 ## What is .NET MAUI Blazor Hybrid and Web App?
 
-.NET MAUI Blazor Web App is a hybrid application that leverages a Razor Class Library (RCL) to define reusable Blazor components. These components are shared between a Blazor WebAssembly or Server app and a .NET MAUI Blazor app. This setup allows developers to create a unified web-based UI and reuse it across mobile, desktop, and browser platforms.
+[.NET MAUI Blazor Web App](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/maui-blazor-web-app?view=aspnetcore-9.0) is a hybrid application that leverages a Razor Class Library (RCL) to define reusable Blazor components. These components are shared between a Blazor WebAssembly or Server app and a .NET MAUI Blazor app. This setup allows developers to create a unified web-based UI and **reuse it across mobile, desktop, and browser platforms**.
 
 By sharing UI components between native and web apps, this approach ensures consistent user experiences, promotes maximum code reuse, and simplifies maintenance for applications that target multiple environments.
 
-Visual Studio provides **.NET MAUI Blazor Hybrid and Web App** template to create .NET MAUI Blazor Hybrid app with a Blazor Web App.
+Visual Studio provides **[.NET MAUI Blazor Hybrid and Web App](https://learn.microsoft.com/en-us/aspnet/core/blazor/hybrid/tutorials/maui-blazor-web-app?view=aspnetcore-9.0)** template to create .NET MAUI Blazor Hybrid app with a Blazor Web App.
 
 ## Prerequisites
 
-* .NET SDK 9.0 (Latest .NET SDK 9.0.101 or above)
+* .NET SDK 9.0 and later.
 
 * The latest preview of Visual Studio 2022 17.3 or above, with required workloads:
    * [Mobile development with .NET](https://learn.microsoft.com/en-us/dotnet/maui/get-started/installation?tabs=vswin)
@@ -36,7 +36,7 @@ You can create a **.NET MAUI Blazor Hybrid and Blazor Web App** using Visual Stu
 
 ## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Calendars and Themes NuGet in the App
 
-Here's an example of how to add **Blazor Calendar** component in the app's shared folder, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same.
+Here's an example of how to add **Blazor Calendar component in the app's shared folder**, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.Calendars](https://www.nuget.org/packages/Syncfusion.Blazor.Calendars/) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same.
 
 {% tabs %}
 {% highlight C# tabtitle="Package Manager" %}
@@ -95,9 +95,15 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A
 <head>
     ....
     <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
-    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
 </head>
+
+<body>
+    ....
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
+</body>
+
 ```
+
 N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application.
 
 ## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component