MaintenancePage

App

Full-page maintenance screen. Optional ETA countdown badge and external status-page link. Use for planned downtime or unplanned outages.

Plain (no ETA)

Preview

System Maintenance

We're performing a short maintenance to improve service quality. We'll be back shortly.

Code
<MaintenancePage
  title="System Maintenance"
  description="We're performing a short maintenance."
/>

With ETA + status link

Preview

System Maintenance

We're shipping new features. Estimated return time below.

Estimated Return00:45:00
Status Page
Code
<MaintenancePage
  title="System Maintenance"
  description="We're shipping new features."
  eta={new Date(Date.now() + 45 * 60 * 1000)}
  statusUrl="https://status.example.com"
  statusLabel="Status Page"
/>
Sourcemodules/app/MaintenancePage.tsx