Tables, tips, and more

Once you are comfortable with headings and lists, you can add a few other kinds of content. Use these when they make an idea easier to understand.

Make a table#

A table compares things side by side. Vertical lines separate the columns:

| Activity | Bring |
|---|---|
| Planting | Gloves |
| Planning | A notebook |
| Lunch | Something to share |

Keep tables small enough to read from the back of the room.

Add a tip or reminder#

A callout is a short note with a visible label. Choose note, tip, important, warning, or caution:

:::tip
Bring a spare copy of your presentation.
:::

Add your own label after the type if you prefer:

:::note Before we begin
Please put your phone on silent.
:::

For German labels, put lang: de in the settings for the whole presentation. You can also customize individual labels:

lang: de
callouts:
  tip: "Gut zu wissen"

Put ordinary content in columns#

For two or more equal-width columns within a slide, use a columns block. The +++ line starts the next column:

# What to bring

:::columns
## For the garden
- Gloves
- Water
+++
## For the meeting
- Notebook
- Questions
:::

You can put a tip inside a column. Give each opening block its own closing ::: line. For unequal widths, use the split layout.

Cite a source#

A footnote puts a short reference near the bottom of the slide:

This finding comes from our neighborhood survey.[^survey]

[^survey]: Garden team survey, May 2026.

The name inside the brackets connects the sentence to its source. Give each source a different name.

Add a QR code#

A QR code lets people open a link on their phones. Replace the address below with your own:

<qrcode url="https://example.com" size="240" />

size sets its width in slide pixels. Keep enough space around it, and test it on the screen you will use.

Show a formula#

Formulas use a notation called LaTeX. For a formula in a sentence, put it between dollar signs:

The area is $A = \pi r^2$.

For a formula on its own line, use two dollar signs above and below it:

$$
A = \pi r^2
$$

Show a code example#

If your talk includes programming, put the example between lines of three backticks. The language name helps mdeck color the code:

```python
print("Hello, everyone!")
```

You can add copy to show a copy button. For JavaScript and Python, live adds a Run button and editable lets you change the example while presenting:

```python live editable copy
print(2 + 2)
```

Live Python downloads its runtime the first time it runs, so it needs an internet connection. Live JavaScript runs in the presentation page itself, not in an isolated sandbox. Only run code you trust; a long-running example can make the presentation unresponsive.