Cookbook: Lumina UI Patterns

Small patterns for the current evolving Lumina application layer.

These examples are patterns, not a frozen UI specification.

Stack content vertically

layout:
    VStack(spacing: 12, alignment: "center") {
        render: Text(text: "Title")
        render: Button(label: "Action") {
            on_click: ~> { log("action") }
        }
    }

Grid content

render:
    Grid(columns: 2, gap: 16) {
        render: Box(...)
        render: Box(...)
    }

Async callbacks

The current examples use ~> in UI callbacks, matching Aura’s reference distinction between sync and async flow.

Review trust/runtime assumptions

Lumina uses native/runtime integration including Raylib-backed paths. Application authors should keep foreign/native dependencies inside their explicit platform trust model.