Overview
Specs
Guidelines
Accessibility
Angular
- Dialogs are a snippet of information that draws attention to important content
- Use dialogs to make sure users act on information
- Should be dedicated to completing a single task or also complex tasks
- Can also display information relevant to the task
- Commonly used to confirm high-risk actions like deleting progress
Purposes
Alert dialogs are used to inform users about critical information, while simple dialogs present a list of items for selection. Confirmation dialogs ask users for confirmation before proceeding with a task, and full-screen dialogs are employed to collect detailed information in a large format.
Storybook
Resources
| Type | Resource | Status |
|---|---|---|
| Design | Figma: Atmosphere Foundations and Components Library | Available |
| Design | Figma: Atmosphere Icons Library | Available |
| Implementation | GitLab: Angular web component | Available |