Offline state

What the interface shows when the network connection is lost.

Also called: offline, no internet, no connection, no network, waiting for network, connection lost, lost connection, internet is gone, you are offline, connecting, reconnecting, no signal

What it is for

It explains why nothing responds and makes clear it’s a connection problem, not a broken app. It is often accompanied by a reconnecting indicator, or an offer to keep working offline.

Where you see it

• Messengers — a “Waiting for network…” strip or a “Connecting” status
• Cloud editors — working offline and syncing later
• Mobile apps — placeholders when data fails to load

What it is called in code

• navigator.onLine
• online / offline events

See also

• Alert banner — A colored strip on the page with an important message: information, success, a warning or an error.
• Toast (notification) — A small message that pops up briefly at the bottom or in a corner of the screen and disappears on its own.
• Loading indicators — Anything that shows the site is busy: a progress bar, a spinning icon, or gray placeholders where content will appear.