Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA blocking notice when the browser goes offline that closes itself on reconnect, announces both changes and offers Try again for connections that lie.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this for apps that cannot do anything useful without a connection: editors that save to the server, dashboards, chat.
Do not use it for apps that work offline; show a small banner there instead and keep working.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
onRetry | () => Promise<boolean> | navigator.onLine | Real connectivity check for Try again. |
children | ReactNode | - | The app the dialog covers. |
online and offline and reads navigator.onLine on mount, so a page that loads offline shows it at once.status region ("You are offline", "Back online").onRetry, because captive portals and dead connections can report online.| Key | Action |
|---|---|
| Enter or Space on Try again | checks the connection |
| Escape | does nothing |
The pattern ships a Testing Library test (alert-dialog-offline.test.tsx) that covers closed online, opening on the offline event and on load, closing on reconnect and retrying.