Use a modal with important callout styling to warn users about time-sensitive deadlines that could affect their submission or action.
When to use
Use this pattern when:
- Users are about to take an action with a time constraint
- Missing a deadline could have significant consequences
- The warning requires acknowledgment before proceeding
Considerations
- Be specific about the deadline (time, date, timezone)
- Explain the consequences of missing the deadline
- Provide a clear acknowledgment action
- Use the “important” callout variant for urgency
- Keep the message concise but informative