User Interface

## Confirmation Dialog

One of the repetitive and tedious jobs in Angular is to create confirmation dialogs. Since dialogs require their own components you have to either create a separate component every time you need a confirmation dialog or you have to create your own confirmation dialog system that can be configured.

In order for you to save time while developing with Fuse, we have created a simple yet powerful `FuseConfirmationService` to create customized confirmation dialogs on-the-fly.

Below you can configure and preview the confirmation dialog. You can use the generated configuration object within your code to have the exact same dialog.

For more detailed information and API documentation, check the documentation page.

###### Configure the dialog and preview it

Title Message
Show Icon
Icon name Icon color @for ( color of [ 'primary', 'accent', 'warn', 'basic', 'info', 'success', 'warning', 'error', ]; track color ) { {{ color | titlecase }} }
Show Confirm button
Confirm button label Confirm button color @for ( color of [ 'primary', 'accent', 'warn', ]; track color ) { {{ color | titlecase }} }
Show Cancel button
Cancel button label
Dismissible