@zedtech/zedkit-ui

Flag offline state with a live note

A hook reporting browser online state plus an alert-style note with overridable wording.

At a glance

Who: Developers telling the user the app lost connectivity.
What: A hook reporting browser online state plus an alert-style note with overridable wording.
Use when: At the top of a page or panel when useOnlineStatus() is false.
Avoid when: For inline operation states — use StatusLabel.
See also: Name an operation in progress

pnpm add @zedtech/zedkit-ui

Latest: 0.4.0 (via changesets).

Usage

import { OfflineNote } from "@zedtech/zedkit-ui";
<OfflineNote />

Wraps: (none)

Stamp data with its age

A relative "Updated N minutes ago" stamp via `Intl.RelativeTimeFormat`, no date library.

Open modal dialogs

Accessible modal dialogs (trigger, content, title, footer) with focus trap and Escape.