Builtin component
Versatile container with title, badge, and link.
| Prop | Type | Default | Description |
|---|---|---|---|
content | PageNode | PageNode[] | — | Child nodes |
title | string | FieldReference | — | Card heading |
description | string | FieldReference | — | Subtext |
icon | string | FieldReference | — | Icon name |
badge | string | FieldReference | — | Badge label |
badgeTone | "healthy" | "warning" | "unavailable" | "info" | "info" | Badge color |
link | TableRowLink | — | Navigate on click |
variant | "default" | "subtle" | "metric" | "interactive" | "panel" | "default" | Visual style |
Card({
title: "Status",
content: Value({ source: status(), field: "ok" }),
variant: "metric",
badge: { label: "Healthy", tone: "healthy" },
})