Group content in a card section

At a glanceCopy Anchor Link

• Who: Developers grouping related content in bordered sections.
• What: Cards with header/title/description/content/footer slots.
• Use when: For self-contained blocks (panels, summaries, previews).
• Avoid when: For page-level layout — use AppShell and Stack instead.
• See also: Stack content and group titled sections

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@zedtech/zedkit-ui";
<Card><CardHeader><CardTitle>Server</CardTitle>
<CardDescription>Connection details.</CardDescription></CardHeader>
<CardContent>Body.</CardContent></Card>

Wraps: none (presentational, theme tokens only)