Communicate a future service outage

React

Angular

Web Components

<GoabNotification type="important">
      Our system will be under maintenance from Thursday, September 15, 2025 at 10 pm
      to Friday, September 16, 2025 at 10 am. If you have questions or concerns,
      contact us at <a href="mailto:support@example.com">support@example.com</a>.
    </GoabNotification>

Display a clear message to inform users about an upcoming service outage, including the date, time, and expected impact on service availability.

When to use

Use this pattern when:

Scheduled maintenance will affect service availability
Users need advance notice about system downtime
You need to communicate specific dates and times for an outage
Users should know how to get support during the outage

Considerations

Use the “important” notification type to draw attention
Include specific dates, times, and duration of the outage
Provide contact information for questions or concerns
Place the notification prominently on affected pages