Follow the steps below to add DevExpress Blazor components to your application. Ensure your system meets the following requirements.
Create a new ASP.NET Core project in Visual Studio 2019. To do this, click Create a new project on Visual Studio's start page and select the Blazor App template.
Specify the project name and location.
Select the Blazor (server-side) project template.
Select Tools -> NuGet Package Manager -> Package Manager Settings.
Navigate to NuGet Package Manager -> Package Sources. Click the plus sign at the top left corner to add a new NuGet package source. Use the following package settings:
Name - DevExpress Early Access
Select Tools -> NuGet Package Manager -> Manage NuGet Packages for Solution.
In the invoked dialog, select the created DevExpress Early Access NuGet package source. Find and install the
DevExpress.Blazor NuGet package.
Build the project.
Make sure the following folder is automatically created in your project’s
Lib/dx-blazor dx-blazor/.gitignore dx-blazor/modules/ dx-blazor/dx-blazor.js dx-blazor/dx-blazor.css
For existing Blazor projects, copy the DevExpress static files from the
Lib/dx-blazor folder to the appropriate folder in your project.
The Lib/dx-blazor folder is automatically cleared while the project is built and contains static files for an installed nuget package only. Do not store your files here.
dx-blazor.css files to your layout’s HEAD section:
<head> ... <link href="lib/dx-blazor/dx-blazor.css" rel="stylesheet" /> <script src="lib/dx-blazor/dx-blazor.js"></script> </head>
Register DevExpress.Blazor namespace in
For instructions on how to add a specific DevExpress Blazor component to your application, refer to the documents below: