Pagination Preview

The page number is displayed at the bottom-right of the slide.

Enable pagination in the frontmatter:

---
paginate: true
---

Page numbers are rendered using section::after pseudo-element.

CSS Variables

Hide Pagination

Use _paginate: false to hide on specific slides:

<!-- _paginate: false -->

This slide has no page number.

Customization Example

Override font size and color:

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

The page number on this slide is larger and blue.