Default
<Button OnClick="@ShowDefaultModal">Show Modal</Button>
[Inject] private ModalService ModalService { get; set; } = default!;
private async Task ShowDefaultModal()
{
var options = new ModalOptions
{
Title = "Modal",
};
await ModalService.ShowAsync<DefaultModal>(options);
}
Size
<Button OnClick="@(() => ShowSizeModal(ComponentSize.FullScreen))">Show Modal FullScreen</Button>
<Button OnClick="@(() => ShowSizeModal(ComponentSize.Large))">Show Modal Large</Button>
<Button OnClick="@(() => ShowSizeModal(ComponentSize.Medium))">Show Modal Medium</Button>
<Button OnClick="@(() => ShowSizeModal(ComponentSize.Small))">Show Modal Small</Button>
[Inject] private ModalService ModalService { get; set; } = default!;
private async Task ShowSizeModal(ComponentSize size)
{
var options = new ModalOptions
{
Title = $"Modal {size}",
Size = size,
};
await ModalService.ShowAsync<DefaultModal>(options);
}