MessageBox

<BitCard Style="padding:0">
    <BitMessageBox Title="It's a title" Body="It's a body." />
</BitCard>

<BitButton OnClick="() => isModalOpen = true">Show</BitButton>
<BitModal @bind-IsOpen="isModalOpen">
    <BitMessageBox OnClose="() => isModalOpen = false" Title="This is the Title" Body="This is the Body!" />
</BitModal>
@code {
    private bool isModalOpen;
}
                    

<BitButton OnClick="() => isProModalOpen = true">Show</BitButton>
<BitProModal @bind-IsOpen="isProModalOpen">
    <BitMessageBox OnClose="() => isProModalOpen = false" Title="This is the Title" Body="This is the Body!" />
</BitProModal>
@code {
    private bool isProModalOpen;
}
                    

<BitButton OnClick="ShowMessageBox">Show MessageBox</BitButton>

<BitModalContainer />
@code {
    [AutoInject] private BitModalService modalService { get; set; } = default!;
    private async Task ShowMessageBox()
    {
        await modalService.Show<BitMessageBox>(modalRef => new()
        {
            { nameof(BitMessageBox.Title), "This is a title" },
            { nameof(BitMessageBox.Body), "This is a body." },
            { nameof(BitMessageBox.OnClose), EventCallback.Factory.Create(this, modalRef.Close) }
        });
    }
}
                    

<BitButton OnClick="ShowProMessageBox">Show MessageBox</BitButton>

<BitProModalContainer />
@code {
    [AutoInject] private BitProModalService proModalService { get; set; } = default!;
    private async Task ShowProMessageBox()
    {
        await proModalService.Show<BitMessageBox>(modalRef => new()
        {
            { nameof(BitMessageBox.Title), "This is a title" },
            { nameof(BitMessageBox.Body), "This is a body." },
            { nameof(BitMessageBox.OnClose), EventCallback.Factory.Create(this, modalRef.Close) }
        });
    }
}
                    

<BitButton OnClick="ShowMessageBoxService">Show MessageBox</BitButton>

@* The service uses the BitProModalService when available, otherwise the BitModalService. *@
@* Mount the matching container: BitProModalContainer for the pro modal, BitModalContainer otherwise. *@
<BitProModalContainer />
@code {
    [AutoInject] private BitMessageBoxService messageBoxService { get; set; } = default!;
    private async Task ShowMessageBoxService()
    {
        await messageBoxService.Show("TITLE", "BODY");
    }
}
                    

<style>
    .custom-msg {
        background: linear-gradient(180deg, #3e0f0f, transparent) #000;
    }

    .custom-msg-btn {
        color: #fff;
        font-weight: bold;
        border-radius: 1rem;
        border-color: #8f0101;
        transition: background-color 1s;
        background: linear-gradient(90deg, #d10000, transparent) #8f0101;
    }

    .custom-msg-btn:hover {
        color: #fff;
        font-weight: bold;
        border-color: #8f0101;
        background-color: #8f0101;
    }
</style>

<BitCard Style="padding:0">
    <BitMessageBox Title="It's a title"
                    Body="It's a body."
                    Styles="@(new() { Root = "background: linear-gradient(180deg, #222444, transparent) #000", OkButton = new() { Root = "border-radius:1rem" } })" />
</BitCard>

<BitCard Style="padding:0">
    <BitMessageBox Title="It's a title"
                    Body="It's a body."
                    Classes="@(new() { Root = "custom-msg", OkButton = new() { Root = "custom-msg-btn" } })" />
</BitCard>

<BitCard Style="padding:0">
    <BitMessageBox Dir="BitDir.Rtl" Title="عنوان پیام" Body="متن تست پیام..." OkText="تایید" />
</BitCard>