This is the header

Header Preview

The header is displayed at the top-left of the slide.

Set header text in the frontmatter:

---
header: "Header Text"
---

Or per slide with directive:

<!-- _header: "Custom Header" -->
scss/canvas/component/_header.scss
Header Text

CSS Variables

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

Hide Header

Use empty string to hide header on specific slides:

<!-- _header: "" -->

This slide has no header.

scss/canvas/component/_header.scss
Customized Header

Customization Example

Override font size and color:

---
style: |
  :root {
    --header-font-size: 1em;
    --header-color-text: #3b91c4;
  }
---

The header on this slide is larger and blue.

scss/canvas/component/_header.scss