Demos
- 2 minutes to read
#Online Demos
DevExpress Blazor components ship with the following online demos: https://demos.devexpress.com/blazor/.
#Run Demos Locally
#Demos in the Installation Folder
If you use the DevExpress .NET Product Installer to install Blazor components, you can find demo sources in the DevExpress product installation folder. The default path is C:\Users\Public\Public Documents\DevExpress Demos 25.1\Components\. You can run solutions from this folder or use the Demo Center to view demos.
Note
The demo project may throw an exception if the project path exceeds the maximum path length allowed on your device. In this case, move the demo project to a location with a shorter path or remove the path limit. Refer to the following section for more information: Enable Long Paths in Windows 10.
Follow the steps below to view demos in the Demo Center:
Launch the Demo Center in one of the following ways:
- Click the Demo Center 25.1 shortcut in Windows Start Menu.
- Open the DevExpress product installation folder and run the Demo Center. The default path is C:\Users\Public\Public Documents\DevExpress Demos 25.1\Components\Components\Bin\DevExpress.DemoCenter.v25.1.exe.
Click Blazor, then select a component to explore.
The demos open in a browser.
#Demos on GitHub
Demo sources are available on GitHub:
To run demos locally, follow the steps below:
Download the demo folder from the proper repository.
Open one of the following solution files in Visual Studio 2022:
demo/BlazorDemo.ServerSide/BlazorDemo.ServerSide.sln
demo/BlazorDemo.Wasm/BlazorDemo.Wasm.sln
Obtain the NuGet feed and install the DevExpress Blazor NuGet package.
Only for the BlazorDemo.Wasm demo, make sure that the BlazorDemo.Wasm.ServerSide project is set as the solution’s startup project.
Start the application in a supported browser.
#Sample Blazor Applications
The DevExpress .NET Product Installer ships with the Blazor Showcase Demo that illustrates how to use DevExpress Blazor components to build an application. This demo includes multiple business-oriented views that help you cover numerous scenarios.
Follow the steps below to run the Showcase application in the Demo Center:
Launch the Demo Center.
Click Blazor and select Showcase in the Featured Demos section.
You can find the application source in the DevExpress product installation folder. The default path is C:\Users\Public\Public Documents\DevExpress Demos 25.1\Components\Blazor\BlazorDemo.Showcase. The source structure helps you seamlessly integrate code snippets into your Blazor-powered applications.