The footer is displayed at the bottom-left of the slide.

Set footer text in the frontmatter:

---
footer: "Footer Text"
---

Or per slide with directive:

<!-- _footer: "Custom Footer" -->
This is the footer

CSS Variables

CSS Variable Default
--footer-margin-x var(--outer-margin-x)
--footer-margin-y var(--outer-margin-y)
--footer-font-size var(--font-size-xs) (28px)
--footer-color-text var(--color-grey-medium)
scss/canvas/component/_footer.scss

Use empty string to hide footer on specific slides:

<!-- _footer: "" -->

This slide has no footer.

Customization Example

Override font size and color:

---
style: |
  :root {
    --footer-font-size: 1em;
    --footer-color-text: #e74c3c;
  }
---

The footer on this slide is larger and red.

Customized Footer