Network Status
A pill at the bottom of the window: "No internet connection" while offline, "Connection restored" for three seconds once the browser is back online.
A block from @tectra-ng/blocks — it comes with tectra-ng, or alone: npm install @tectra-ng/blocks.
Basic
Turn the network off in the browser, or use the buttons — they call onOffline() and onOnline() as the browser events do. Here the frame plays the window.
Own texts
Own offlineText and restoredText; restoredDuration keeps the second message for five seconds.
Design tokens
dt changes the tokens of one pill: here squarer, roomier and red while offline.