Jipetco.Packages.ConfirmationDialog 1.6.0

Jipetco.Packages.ConfirmationDialog

A Blazor component for displaying a customizable confirmation dialog. This component is designed to be flexible and easy to use, allowing you to quickly add confirmation dialogs to your Blazor applications.

Installation

To install the package, run the following command in the Package Manager Console:

Or use the .NET CLI:

dotnet add package Jipetco.Packages.ConfirmationDialog

Usage

1. Use the ConfirmationDialog component in your Blazor page or component.

@page "/example"

<ConfirmationDialog @ref="confirmationDialog" ConfirmationChanged="OnConfirmationChanged" ConfirmationTitle="Delete Item" ConfirmationMessage="Are you sure you want to delete this item?" ConfirmationMessageTextColor="text-danger" ConfirmButtonColor="btn-danger" HeaderBgColor="bg-danger" HeaderTextColor="text-white" /> <button @onclick="ShowConfirmationDialog">Show Confirmation Dialog</button>

@code {

private ConfirmationDialog confirmationDialog;

private void ShowConfirmationDialog()
{
    confirmationDialog.Show();
}

private async Task OnConfirmationChanged(bool confirmed)
{
    if (confirmed)
    {
        // Handle the confirmation action
    }
}

}

2. Customize the dialog by setting the parameters:

• ConfirmationTitle: The title of the confirmation dialog.
• ConfirmationMessage: The message displayed in the confirmation dialog.
• ConfirmationMessageTextColor: The text color of the confirmation message.
• ConfirmButtonColor: The color of the confirm button.
• HeaderBgColor: The background color of the header.
• HeaderTextColor: The text color of the header.

Parameters

Methods

• Show(): Displays the confirmation dialog.

Example

Here is a complete example of how to use the ConfirmationDialog component in a Blazor application:

@page "/example"

<ConfirmationDialog @ref="confirmationDialog" ConfirmationChanged="OnConfirmationChanged" ConfirmationTitle="Delete Item" ConfirmationMessage="Are you sure you want to delete this item?" ConfirmationMessageTextColor="text-danger" ConfirmButtonColor="btn-danger" HeaderBgColor="bg-danger" HeaderTextColor="text-white" /> <button @onclick="ShowConfirmationDialog">Show Confirmation Dialog</button>

@code {

private ConfirmationDialog confirmationDialog;

private void ShowConfirmationDialog()
{
    confirmationDialog.Show();
}

private async Task OnConfirmationChanged(bool confirmed)
{
    if (confirmed)
    {
        // Handle the confirmation action
    }
}

}

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

Contact

For any questions or feedback, please contact [peter.oganwu@jipetcoresources.ca].