Offline Status Indicator
Component Detail
User Interface
low complexity
mobile
1
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
A persistent widget displayed in the app shell that communicates current connectivity state to the user. Shows distinct visual states for online, offline, and syncing modes so users always know whether their actions are being saved locally or transmitted to the server.
offline-status-indicator
Responsibilities
- Render connectivity status badge in app header or bottom navigation
- Display pending sync item count when offline
- Animate transition when device regains connectivity and sync begins
Interfaces
build(ConnectivityState state)
showSyncProgress(int pendingCount)