StatGrid

StatGrid renders headline metrics as a row of cards — each a big value with a label and an optional hint. It serializes to the knowledge face as a statgrid node, so the numbers stay numbers an agent can read.

When to use it

Reach for a StatGrid to lead a page with the metrics that matter — counts, splits, sizes. For flat label→value facts (no emphasis on the value), use KeyFacts.

Props

Live example

What the agent sees

Each stat keeps its label, value, and hint:

{
  "kind": "statgrid",
  "id": "stats",
  "stats": [
    { "label": "MCP tools", "value": "6", "hint": "search · get_page · …" },
    { "label": "Shape kinds", "value": "28", "hint": "Canvas vocabulary" },
    { "label": "Knowledge faces", "value": "1 envelope" }
  ]
}