You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/common/how-to/add-blazor-component-to-the-toolbox.md
+6-5Lines changed: 6 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,22 +9,23 @@ documentation: ug
9
9
10
10
# How to add Syncfusion Component to the toolbox in Blazor Application
11
11
12
-
This section guides you through adding Syncfusion<supstyle="font-size:70%">®</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<supstyle="font-size:70%">®</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.
13
13
14
14
To include Syncfusion components for Blazor in the Toolbox, follow these steps:
15
15
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.
17
17
18
18

19
19
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.
21
21
22
22

23
23
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**.
25
26
26
27

27
28
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.
29
30
30
31

0 commit comments