Name an operation in progress

At a glanceCopy Anchor Link

• Who: Developers naming a background or foreground operation for the user.
• What: A named live-region label for the current operation state (loading, saved, error…).
• Use when: Next to the content an operation affects, while it runs or right after.
• Avoid when: For bare spinners without a name — use ProgressBar; for data age — use UpdatedAgo.
• See also: Stamp data with its age

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.4.0 (via changesets).

ExampleCopy Anchor Link

import { StatusLabel } from "@zedtech/zedkit-ui";
<StatusLabel tone="loading">Saving report…</StatusLabel> // loading|updating|syncing|saved|retry|error|offline, role=status

Wraps: (none)