Skip to content
Twentyfirst UIHalo

Status

A complete screen built only from kit parts: Button, StatusScreen, UsageMeter

Full-page states for errors and interruptions: code "404", "500", "403", "maintenance", "offline", or your own title / text / icon / tint.

Props: code, title, text, icon, tint, extra (search field, progress), actions (defaults to Back to overview + Contact support), onHome, onContact, reference (request id for support).

  • Say what happened, that the person's data is safe, and what to do next, in that order.
  • Show a request reference on server errors so support can find it.
  • Keep the TopBar when you can (404, 403); go full screen only when the app itself is down.

Page not found

The link may be old, or the page moved. Nothing is broken on your side.

Something broke on our side

We’ve been notified and are on it. Your data is safe; try again in a minute.

Reference req_8f2a91c4

Back in a few minutes

We’re upgrading the database. Everything you saved is safe.

Upgrade progress72% / 100%

You’re offline

Changes are kept on this device and sync when you’re back.