<TelerikWindow Modal="true" @bind-Visible="@isModalVisible">
    <WindowTitle>
        <strong>The Title</strong>
    </WindowTitle>
    <WindowContent>
        I am modal so the page behind me is not available to the user.
        <TelerikDialog @bind-Visible="@Visible"
                       Title="@Title">
            <DialogContent>
                A new version of <strong>Telerik UI for Blazor</strong> is available. Would you like to download and install it now?
            </DialogContent>
            <DialogButtons>
                <TelerikButton OnClick="@(() => { Visible = false; })">Skip this version</TelerikButton>
                <TelerikButton OnClick="@(() => { Visible = false; })">Remind me later</TelerikButton>
                <TelerikButton OnClick="@(() => { Visible = false; })" ThemeColor="primary">Install update</TelerikButton>
            </DialogButtons>
        </TelerikDialog>
        <TelerikButton OnClick="@(() => Visible = true)">Show Confirmation Dialog</TelerikButton>
    </WindowContent>
    <WindowActions>
        <WindowAction Name="Minimize" />
        <WindowAction Name="Maximize" />
        <WindowAction Name="Close" />
    </WindowActions>
</TelerikWindow>

<TelerikButton OnClick="@( _ => isModalVisible = true )">Open the window</TelerikButton>

@code {
    bool isModalVisible { get; set; } = true;
    private bool Visible { get; set; } = false;
    private string Title { get; set; } = "Software Update";
}