DevExpress Blazor Components

DevExpress Blazor UI Components allow you to create intuitive and highly-refined user experiences for Blazor Server (ASP.NET Core), Blazor WebAssembly, and Blazor Hybrid hosting models.

Included Components

• Data management (Data Grid, TreeList, Filter Builder)
• Data Editors (Calendar, CheckBox, Color Palette, ComboBox, Date Edit, Date Range Picker, DropDown Box, HTML Editor, List Box, Masked Input, Memo, Radio, Radio Group, Search Box, Spin Edit, TagBox, Text Box, Time Edit)
• Data Visualization (Bar Gauge, Chart, Map, Pie Chart, Polar Chart, Range Selector, Sankey, Sparkline)
• Layout (Carousel, Drawer, Form Layout, Grid Layout, Layout Breakpoint, Splitter, Stack Layout, Tabs)
• Navigation (Accordion, Context Menu, Menu, Pager, Ribbon, Toolbar, TreeView)
• Dialogs and Windows (DropDown, Flyout, Message Box, Popup, Toast, Window)
• Buttons (Button, Button Group, DropDown Button, Split Button)
• File Management (File Input, Upload)
• Scheduling (Scheduler)
• Progress Indication (Loading Panel, Progress Bar, Wait Indicator)

Examples

Install the DevExpress.Blazor NuGet package:

dotnet add package DevExpress.Blazor

Example 1: Add a Text Box

<DxTextBox Text="My Text" />

Example 2: Add a Mask For Email Address

<DxMaskedInput @bind-Value="Value"
               Mask="@RegExEmailMask"
               MaskMode="@MaskMode.RegEx">
</DxMaskedInput>

@code{
    String Value { get; set; }
    String RegExEmailMask { get; set; } = @"(\w|[.-])+@(\w|-)+\.(\w|-){2,4}";
}

Related Components/Packages

DevExpress.AIIntegration.Blazor.Chat - DevExpress AI-powered Chat.

dotnet add package DevExpress.AIIntegration.Blazor.Chat

DevExpress.Blazor.PdfViewer - DevExpress Blazor PDF Viewer component.

dotnet add package DevExpress.Blazor.PdfViewer

DevExpress.Blazor.PivotTable - DevExpress Blazor Pivot Table component.

dotnet add package DevExpress.Blazor.PivotTable

DevExpress.Blazor.RichEdit - DevExpress Blazor Rich Text Editor component.

dotnet add package DevExpress.Blazor.RichEdit

Demos

• DevExpress Blazor Online Demos
• DevExpress Blazor GitHub Demos

GitHub Examples

• Blazor Theme and Size Mode Switcher Example
• Localize Components Example

Documentation

• DevExpress Blazor Components

Evaluation Period, Pricing Options, and Licensing Terms

Whether you own a license or want to start a 30-day evaluation period, download and register your DevExpress license key. To obtain your key, log in to the DevExpress Download Manager. Use your existing DevExpress.com account or create a new account for free. For key registration instructions, see License Key for DevExpress Products.

If you purchase a license after evaluating a product, re-register your updated DevExpress license key to remove evaluation version warnings/messages.

This package is included in the following commercial subscriptions:

• DevExpress ASP.NET and Blazor Subscription
• DevExpress DXperience Subscription
• DevExpress Universal Subscription

See DevExpress Subscriptions & Licensing for subscription comparison tables, purchasing FAQ, and licensing information.

Software Bill of Materials (SBOM)

To access SBOM files for DevExpress packages, see the following article: Software Bill of Materials (SBOM) for DevExpress .NET assemblies/NuGet packages, JavaScript, VCL and other redistributable artifacts.

See Also: Information Security | Security - What You Need to Know

Useful Online Resources

• www.devexpress.com
• DevExpress Support Center
• DevExpress Blogs