@if (showBackdrop) { } @code { [Parameter] public RenderFragment? Title { get; set; } [Parameter] public RenderFragment? Body { get; set; } [Parameter] public RenderFragment? Footer { get; set; } private string modalDisplay = "none;"; private string modalClass = ""; private bool showBackdrop = false; public async Task ShowAsync() { modalDisplay = "block;"; await Task.Delay(100);//Delay allows bootstrap to perform nice fade animation modalClass = "show"; showBackdrop = true; } public async Task CloseAsync() { modalDisplay = "none"; await Task.Delay(250);//Delay allows bootstrap to perform nice fade animation modalClass = ""; showBackdrop = false; } }