Feedback / The visual dictionary

Offline indicator.

A visible signal that the app has no network connection.

Also calledoffline badgeno connection
01

See it in context

UI illustration
⌁OfflineChanges saved on this device

An offline indicator explains why remote operations may pause while preserving any work that can continue locally. It should describe the effect on the task, not only the network state.

When to use it

Use when connectivity affects the current workflow.

Know the difference

Offline describes unavailable connectivity; sync status describes whether local and remote data agree.

WebiOSiPadOSAndroidmacOSWindowsLinuxwatchOSWear OStvOSAndroid TVvisionOS

iOS · iPadOS · macOS · watchOS · tvOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux · Wear OS · Android TV

On the web, announce meaningful status changes without moving focus. On Android and desktop, keep messages near the relevant operation and follow the platform’s notification conventions.

Primary documentation for the pattern and its platform conventions.