Two column in display mode

[VivaldoMendes]

Hi, can anyone point me to an example notebook that uses two columns? It looks strange, but I did not find an example of a notebook that uses this important feature. Even the docs provide only a visual representation of one case, with no code shown. Thanks for helping.

[agammann]

Use mo.hstack as the last expression of a cell to place two outputs side by side in the notebook and app view:

mo.hstack(
    [mo.md("**Left column**"), mo.md("**Right column**")],
    widths=[1, 1],
    gap=1,
)

Replace the two Markdown objects with your plots, controls, or other outputs. I ran that cell with marimo 0.25.1; it produced a horizontal flex container with two equal-width children. The layout API documents hstack, and the outputs guide explains why the cell's last expression appears in app views. The editor's separate multi-column width setting arranges cells while editing; hstack arranges the content of a cell.