Progressive OPF lesson

Name areas, then pin content

Build a two-region slide and see how automatic binding, explicit pins and track sizing relate.

Each preview is a prepared render of its complete OPF example. The selected step records its render toolchain separately from the editable source.

Step 1

Start with one block

Put one text block in blocks. layout: "auto" arranges it.

Try this

Change the text without adding coordinates.

Prepared render of this step. View full-size SVG.

Download or copy the complete OPF below, then paste it into the Playground to try the change. Prepared previews do not update live.

Loading OPF…

Next: Check your deck.