A dialog is a type of modal window. Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks

Kit Components

Best Practices

1. Provide a meaningful and descriptive title for the dialog/modal/popup that accurately represents its purpose or the action being performed. The title should give users a clear idea of what the dialog/modal/popup is about.
2. Include clear and intuitive action buttons within the dialog/modal/popup to guide users. Use action labels that are easy to understand and indicate the outcome of selecting each button.
3. When the dialog/modal/popup is displayed, manage the user's focus and attention on it. Dim or disable the background content to prevent distractions and ensure the user's attention is on the dialog/modal/popup.

Figma Link

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FyCECl956c0oOr3K8GdXdNe%2FNucleus-Plus%3Ftype%3Ddesign%26node-id%3D14410%3A5999%26mode%3Ddesign%26t%3DYCZdMB0oCV6piJdv-1