Principles
Adapt to connection
Adapt how your feature or app behaves when the user has a slow, intermittent, or no connection at all.
Illustrate functionality
Use the UI design to illustrate how an offline feature works and communicate its intended purpose.
Display available content
Load available content when the connection is limited, rather than not loading any content.
Offline functionality
If your app has features that are available when offline, and other features that aren’t, it should indicate whether it’s current state is offline or online.
For example, offline files can be managed from an offline state.
Offline settings
Provide a place for users to manage their offline settings. If you use icons in your app, mark this destination with the