Builtin component
Page-level header with title, badge, and actions.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | FieldReference | — | Page title |
description | string | FieldReference | — | Subtitle |
icon | string | FieldReference | — | Icon name |
badge | { label, tone? } | — | Status badge |
meta | string | FieldReference | — | Metadata text |
variant | "default" | "detail" | "default" | Visual style |
tags | PageNode | PageNode[] | — | Tag slot (badges, etc.) |
actions | PageNode | PageNode[] | — | Action buttons |
PageHeader({
title: "Warehouses",
description: "Manage compute resources",
badge: { label: "5 active", tone: "healthy" },
actions: [Button({ label: "Refresh", action: flush() })],
})