Integrating Components into the Blazor Dialog

Updated on Oct 1, 2026

A common application requirement is to display other Blazor components in the Blazor Dialog. You can achieve this by placing them inside the DialogContent.

The two-way binding for the parameters of the components nested in the DialogContent may not work as expected. The Dialog needs to Refresh to reflect UI changes.

This article contains the following examples:

• Checkbox integration in Dialog
• Filter integration in Dialog

CheckBox in a Dialog

To use a CheckBox component in the Dialog:

1. Include the Telerik CheckBox as DialogContent.
2. Set the Value parameter of the CheckBox with two-way binding.
3. Invoke the Dialog Refresh method in the CheckBox OnChange event.

Using CheckBox in Dialog

Example

View Source

Loading ...

Filter in a Dialog

To use a Filter component in the Dialog:

1. Include the Telerik Filter inside <DialogContent>.
2. Set the Value parameter of the Filter with one-way binding.
3. Invoke the Dialog Refresh method in the Filter OnUpdate event.

Using Filter in Dialog

Example

View Source

Loading ...