Feedback / The visual dictionary

Connection status.

The current state of a network or service connection.

Also calledconnectivity statusnetwork status
01

See it in context

UI illustration
Connected
Secure connection

A connection status distinguishes connecting, connected, reconnecting, and disconnected states. A text label matters because a colored dot alone cannot explain whether an action is possible.

When to use it

Use in live collaboration or device connections.

Know the difference

Connection status describes the communication link; availability status describes a person or resource.

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.