Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

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.

  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.

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

Watch Video: Adding Blazor Components to the Toolbox