pattern-library 2 linked patterns checked
Atlassian Design System: Modal dialog
Frames modal dialogs as layered content that requires user interaction above the page.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Modal dialog | Choose a modal dialog for a short contained task that must temporarily suspend interaction with the page behind it. | Opening the modal moves focus to the best starting element inside the dialog, not to the dimmed page. | Frames modal dialogs as layered content requiring user interaction above the page. |
| Modal for nonblocking content | Flag this anti-pattern when content can be read later, ignored safely, dismissed without consequence, or shown near its object without blocking the rest of the page. | Users can continue the primary task while reading or ignoring nonblocking information. | Frames modal dialogs as layered content requiring user interaction above the page. |
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Atlassian. Last checked: .