Examples

The source behind the deck.

The front matter and slides that produce the storybook deck built by this site.

The preview deck is built by this site. This page is the source behind it.

The front matter

---
title: "The storybook theme"
subtitle: "A deck built by the documentation site"
author: "Mickaël CANOUIL"
institute: "An institute"
date: last-modified
format: storybook-revealjs
---

The title slide is laid out from those keys alone.

A logo and a footer

format:
  storybook-revealjs:
    logo: logo.svg
    footer: "An event, somewhere"
    slide-number: true

All three are RevealJS options; the theme styles where they land. The format turns the slide number off, so slide-number: true is what brings it back.

A background image

# Chapter 1 {background-image="background.jpg"}

background.jpg ships with the format, so a slide can name it without your adding a file. Name your own file there to use that instead. The title slide already carries the shipped cover.jpg without your asking for it.

Ordinary slides

## A slide

- A list item.
- Another one.

\`\`\`r
summary(cars)
\`\`\`

Nothing on a slide is marked up for the theme: headings, lists, code, and tables are styled as they come.

Incremental content

::: {.incremental}

- Revealed in turn.
- As usual.

:::

RevealJS fragments and incremental lists behave as they do in any deck.

Source

The repository ships a complete starting point you can copy: template.qmd.