Layout

Components for arranging content on the page.

Columns

Place content side by side:

columns {
  col { This is the left column. },
  col { This is the right column. }
}

You can use any content inside columns, including code blocks, lists, and other components.

Demo

The demo component renders content in a preview container:

demo { title = Preview,
  callout { type = success, This renders inside a demo container. }
}

Demos are useful for showing how components look alongside their source code.