Load each zone with a faithful skeleton

At a glanceCopy Anchor Link

• Who: Developers loading async zones without layout shift (pages, cards, tables, panels).
• What: One faithful loading skeleton per kit component shape, each a named live zone.
• Use when: As a Suspense fallback matching the component that will land.
• Avoid when: For freeform blocks — use a plain Skeleton; for named operations — use StatusLabel.
• See also: Show loading placeholder blocks

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Suspense } from "react";
import { CardSkeleton } from "@zedtech/zedkit-ui";
<Suspense fallback={<CardSkeleton label="Loading report" />}>
  <ReportCard />
</Suspense>

Wraps: (none)