Layout

Figdown uses a vertical flow by default. Elements stack top to bottom unless you explicitly place them side by side with row:.

Vertical flow

The default. Every element goes below the previous one.

# Title
A paragraph.
button: Click me
alert: A notice below the button.

Place elements side by side with row:. Use fractions to set each child's width.

row:
  card 1/3:
    # One third
  card 2/3:
    # Two thirds

Supported fractions: 1/2, 1/3, 2/3, 1/4, 3/4, full.

Children without a fraction share the remaining space equally.

A bordered container. Use it to group related content, or to create visual sections.

card:
  # Card title
  Some body text here.
  button: Action

Cards inside a row: get a fraction of the row width. Cards outside a row: are full-width.

Any layout element can contain other layout elements. Nesting follows the indentation rule.

row:
  card 1/2:
    row:
      button 1/2: Left
      button 1/2: Right
  card 1/2:
    # Nested content

Prefix any element with centered to center it horizontally.

centered card:
  # Centered card
  This card is centered on the page.

centered button: Get Started