Confirmation dialog
Purpose
Give the user the option to select between two options and directly execute other logic based on the response.
Input
-
Show
Displays the dialog box if any truthy value is received. -
Title
Takes any text. Witten with a bigger font in the dialog box. -
Desctiption
Takes any text. Written with normal-sized font in the dialog box. -
Confirm button
Takes any text. Written on the highlighted button. When the user clicks this button, it triggers the 'confirm' output. The default text is 'Confirm' -
Cancel button
Takes any text. Written on the unhighlighted button. When the user clicks this button, it triggers the 'cancel' output. The default text is 'Cancel'
Output
-
Confirm
Sends 'true' when the user presses the 'Confirm' button. -
Cancel
Sends 'true' when the user presses the 'Cancel' button.
Example
This dialog will ask the user to confirm the deletion after they click the delete button.
graph LR A([Click event]) --Show--> C(Confirmation dialog) B([Are you sure?]) --Title--> C D([You are about to delete this item]) --Description--> C E([Delete]) --Confirm button--> C C --Confirm--> G([My delete action]) C --Cancel--> G([Do nothing])