Examples
- 2 minutes to read
Our knowledge base contains a wide array of sample projects that demonstrate the various capabilities of DevExpress Blazor Components: DevExpress Knowledge Base: Blazor Examples.
This article lists a few examples from the list above. These selected projects demonstrate the most popular usage scenarios.
Common Tasks
- Implement a Theme Switcher in Blazor Applications
- Localize Components
- Create a Web API Service Backend for a Blazor WebAssembly Application
- Test DevExpress Blazor components with bUnit
Grid
Refer to the following topic for a list of Blazor Grid examples: Examples.
Charts
Scheduler
- How to load appointments for visible interval only (lazy loading)
- How to implement CRUD operations with a Web API Service
Rich Text Editor
- How to Customize the Built-in Spell Check Service
- How to use the component inside an EditForm
- How to implement custom document save capabilities
- How to export a document to a file (HTML format)
Data Editors
- Editors - How to create editors dynamically according to the EditForm’s model
- Editors - Custom data binding
- ComboBox - Bind to an enumeration
- Date Edit - How to implement the date range selector
- MaskedInput - How to create an input element for a card number, expiry date, and CVV
Navigation
- Accordion - Manage navigation within your Blazor application
- Tabs - Add the Close Tab Button
- TreeView - How to implement custom filter
- TreeView for Blazor - How to implement the Breadcrumb control based on a selected node
- TreeView for Blazor - How to load child nodes on demand (lazy loading)
Layout
- Form Layout - Change visibility of the DxFormLayout’s items and groups conditionally
- Form Layout - Collapsible groups
- Form Layout - Tabbed Wizard
- Grid Layout for Blazor - How to create an adaptive dashboard layout
- How to implement a responsive CardView component in Blazor