Skip to content

Commit 54ab763

Browse files
967323: Updated review corrections in UG
1 parent 16ea1e6 commit 54ab763

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

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

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,22 +9,23 @@ documentation: ug
99

1010
# How to add Syncfusion Component to the toolbox in Blazor Application
1111

12-
This section guides you through adding 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.
12+
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.
1313

1414
To include Syncfusion components for Blazor in the Toolbox, follow these steps:
1515

16-
1. Right-click anywhere within the Visual Studio Toolbox window, select **Add Tab** from the context menu, name the new tab (e.g., Syncfusion Blazor Components), and press Enter to create it.
16+
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.
1717

1818
![Add new tab in toolbox](images/new-tab-toolbox.png)
1919

20-
2. In a code editor, create or paste a Blazor component code snippet, such as a Syncfusion Calendar, highlight it, and drag it into the newly created tab in the Visual Studio Toolbox.
20+
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.
2121

2222
![Add code snippet to toolbox](images/add-snippet.gif)
2323

24-
3. The Visual Studio Toolbox will automatically generate a name for the item based on the code snippet; rename it to a more descriptive title, like **SfCalendar**, for improved clarity.
24+
3. Once the code snippet is added, the Toolbox will automatically assign it a default name based on the snippet content.
25+
To improve clarity, right-click the item, select **Rename**, and enter a more descriptive name—such as **SfCalendar**.
2526

2627
![Update name](images/update-name.png)
2728

28-
4. After adding, simply drag the component from the Toolbox into your code editor to seamlessly use it into your Blazor project.
29+
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.
2930

3031
![Drag component to editor](images/drag-component.gif)

0 commit comments

Comments
 (0)