Components
Banner - Maintenance
Use: Deployed
Banners specifically for site-wide system messages, typically system maintenance, which are fixed to the top of the viewport.
Examples
Default (during maintenance)
View va-maintenance-banner in Storybook
View va-maintenance-banner in StorybookWarning (upcomming maintenance)
View va-maintenance-banner maintenance warning in Storybook
Usage
When to use MaintenanceBanner
- System maintenance. Before and during maintenance there are specific system status messages that we use to communicate the maintenance window to users. Maintenance messages are used when all (or most) unauthenticated and authenticated applications, tools, or sign in experiences across the entire site are affected (e.g., vets-api).
When to consider something else
- Anything that is not a System status message. This component is ONLY for site-wide system status messages. There is no other appropriate use.
Behavior
The content and UX behavior of sitewide maintenance banners are standardized. Only the duration, dates, and times are customizable.
The Public Website Team (Office of the CTO Digital Experience) publishes downtime maintenance banners.
- Specify custom dates and times.
- Specify custom duration (how many hours or minutes) in the upcoming/before message.
- Times are always given in ET.
- Sitewide maintenance banners are always dismissible per session.
- The ‘upcoming’ before message should be published at least 12 hours in advance. (Can be more in advance when the outage is unusually long or comprehensive.)
- Banner expires and automatically removed when downtime is complete.
- A maximum of 3 banners are allowed simultaneously.