Confirmation Dialog
Dialogs are modals that interrupt the user with critical information and require decisions. They are meant for concise, quick actions.
Depending on the action being taken, dialogs can be styled different ways. Add .qw-modal-danger or .qw-modal-success to .qw-modal will style the dialog as needed. (Be sure to update the button class to match!)
Usage
Do
Present the action as a question in the header
Explain the outcome of the action in the body
Restate the action in the confirmation button
Don't
Ambiguous questions like “Are you sure?”
Non-descriptive body copy
Yes/No actions
“Cancel” can cause confusion. When committing a destructive action, like discarding changes, users may mistake “cancel” for the intended action instead of canceling the confirmation dialog.