Render a card from Python

Set up the environment

We import the Kida environment and the chirp-ui loader so macros resolve from the packaged templates.

from kida import Environment
from chirp_ui import get_loader, register_filters

env = Environment(loader=get_loader())
register_filters(env)

Render a card

Calling thecardmacro returns plain HTML — no build step, no client bundle.

template = env.from_string(
    '{% from "chirpui/card.html" import card %}'
    '{% call card(title="Welcome") %}<p>Server-rendered.</p>{% end %}'
)
print(template.render())

<article class="chirpui-card">
  <header class="chirpui-card__header">
    <span class="chirpui-card__title">Welcome</span>
  </header>
  <div class="chirpui-card__body"><p>Server-rendered.</p></div>
</article>

Why this matters

The same macro renders identically inside a notebook, a Bengal page, or a Chirp route. The notebook layout above summarizes the kernel and language in a metric grid, then renders this body — a stand-in until Bengal exposes structured params.notebook.cellsfor a per-cell code/output/exec-count renderer.