Log In
Back to Designs page

Table of Contents

Related Research

No research entries have been linked to this design.

Resources

No resources available for this entry.

Additional tags

# alerts 6 # dialog 1 # modal 2 # table 5 # toast 1

Handling alert types

Tina Yip avatar

Author: Tina Yip | Last edit: December 05, 2023 | Design type: Alerting, Deleting, Modal, Toast notification | Product area: Ansible

Dialogs

When there is a destructive action taking place, a dialog should be used. For example, when a user is deleting a resource or disabling a resource via a switch, a dialog should surface after the user makes the selection. Since it is a destructive action, the extra step is used to make sure the user is aware of the action they are about to do. An added layer for user awareness is the checkbox that the user needs to select on the dialog.

Example of a delete dialog with checkbox confirmation
Example of a disable dialog with checkbox confirmation

Toast alerts

For actions that are not destructive, such as enabling a resource or syncing a resource, once a user makes a selection, a toast alert would appear at the top right of the interface. Per PatternFly's recommendation, alerts should time out after 8 seconds. After the toast alert times out, the table would still show the status of the resource and if it is still in progress, the status would display accordingly.

Example of toast alert interaction