Skip to main content

Add Components to the Toolbox

The default Visual Studio Toolbox for Blazor displays HTML components and Bootstrap snippets. Press Ctrl+Alt+X or choose ViewToolbox to open this window.

MS toolbox

You can add DevExpress components for Blazor to the Toolbox. To do this, follow the steps below:

  1. Right-click in the Toolbox area and select Add tab from the context menu. Specify a name for the created section (for example, DevExpress Blazor Components), and press Enter.

    New Tab in the Toolbox

  2. Open a code editor and type a code snippet that contains a Blazor component (for example, Time Edit). Select this code and drag-and-drop it to the Toolbox window.

    Drag-Drop code

  3. The Toolbox generates the item name based on the code. You can rename the item to make it more human-readable (for example, Time Edit).

    Rename

  4. You can now drag the Toolbox item from the Toolbox to the code editor.

    Item usage

You can also use CodeRush Templates to insert popular DevExpress Blazor components into your code.

Watch Video: Adding Blazor Components to the Toolbox