@page "/"
@using Syncfusion.Blazor.Notifications
@using Syncfusion.Blazor.Buttons
@using Syncfusion.Blazor.Popups


<SfButton @onclick="@ShowDialog">Show Dialog</SfButton>
<SfButton @onclick="@ContentToast">Content Toast</SfButton>

<SfDialog Width="500" IsModal="true" @bind-Visible="@Visibility" ShowCloseIcon="true">
    <DialogTemplates>
        <Content>
            Content
        </Content>
    </DialogTemplates>

    <div class="col-lg-12 col-sm-12 col-md-12 center">
        <div id="toastBtnDefault" style="margin: auto;text-align: center">
            <SfButton Content="Show Toasts" @onclick="@ContentToast"></SfButton>
        </div>
    </div>
</SfDialog>
<SfToast @ref="ToastObj" Title="Adaptive Tiles Meeting" TimeOut=5000 Icon="e-meeting" Content="@ToastContent">
    <ToastPosition X="Right"></ToastPosition>
</SfToast>


@code{
    SfToast ToastObj;
    public bool Visibility { get; set; } = false;
    public string ToastContent { get; set; } = "";

    private async Task ShowToast()
    {
        await this.ToastObj.Show();
    }

    public void ShowDialog()
    {
        Visibility = true;
    }

    private async void ContentToast()
    {
        ToastContent = "Conference Room 01 / Building 135 10:00 AM-10:30 AM";
        await this.ShowToast();
    }
}