API Reference
KeyFacts
Label→value facts at the top of a reference — scannable, and queryable over the MCP.
KeyFacts renders a grid of label→value pairs — the at-a-glance facts at the top of a reference
page. It also serializes to the knowledge face as a keyfacts node, so the facts are queryable,
not just decorative.
When to use it
Put a KeyFacts block at the top of a reference page to answer the reader's first questions before they read a word — license, stack, status, version. For headline metrics (numbers with hints), reach for StatGrid; for a one-line strip of metadata, use MetaBar.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { label: string; value: ReactNode }[] | — | The label→value facts |
Live example
- License
- Apache-2.0
- Stack
- Next 16 · React 19 · Tailwind v4
- Theme
- Light + dark, co-equal
What the agent sees
Each pair becomes a typed field, so an agent reads the facts as structured data:
{
"kind": "keyfacts",
"id": "facts",
"fields": [
{ "key": "License", "value": "Apache-2.0" },
{ "key": "Stack", "value": "Next 16 · React 19 · Tailwind v4" },
{ "key": "Theme", "value": "Light + dark, co-equal" }
]
}