32 lines
908 B
Plaintext
32 lines
908 B
Plaintext
|
<div class="modal @(this.Active ? "active" : "")">
|
||
|
|
<a class="modal-overlay" @onclick="this.OnDialogClose" aria-label="Close"></a>
|
||
|
|
<div class="modal-container">
|
||
|
|
<div class="modal-header">
|
||
|
|
<a class="btn btn-clear float-right" @onclick="this.OnClose" aria-label="Close"></a>
|
||
|
|
<div class="modal-title h5">@this.Title</div>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
<div class="content">
|
||
|
|
@this.ChildContent
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@code {
|
||
|
|
[Parameter]
|
||
|
|
public string Title { get; set; } = null!;
|
||
|
|
[Parameter]
|
||
|
|
public RenderFragment ChildContent { get; set; } = null!;
|
||
|
|
[Parameter]
|
||
|
|
public bool Active { get; set; }
|
||
|
|
[Parameter]
|
||
|
|
public EventCallback OnClose { get; set; }
|
||
|
|
|
||
|
|
public void OnDialogClose()
|
||
|
|
{
|
||
|
|
this.Active = false;
|
||
|
|
this.OnClose.InvokeAsync();
|
||
|
|
}
|
||
|
|
}
|