RevealJS Tabset

Quarto tabsets that work on slides.

What the tabset plugin adds to a RevealJS presentation, how to enable it, and how tabs become fragments.
Author

Mickaël CANOUIL, Ph.D.

Quarto’s .panel-tabset is a good way to put three versions of the same thing on one page. On a slide it is awkward: the tabs are there, and stepping through a talk with the arrow keys does not reach them, so the speaker has to leave the keyboard and click.

tabset makes each tab a fragment. Arrow keys move through them like anything else on the slide, the ARIA roles are set for assistive technology, and a PDF export puts each tab on its own page.

Installation

quarto add mcanouil/quarto-revealjs-tabset@1.4.2

This will install the extension under the _extensions subdirectory. If you are using version control, you will want to check in this directory.

Or install it from your editor with Quarto Wizard:

Visual Studio Code Positron VSCodium

Quick start

format:
  revealjs: default
revealjs-plugins:
  - tabset

Then write tabsets as you would anywhere in Quarto:

::: {.panel-tabset}

### First

### Second

:::

Try it

The preview deck is built by this site: press the arrow keys and the tabs arrive in turn.

See the Reference for every attribute, and the Examples for the source behind the deck.

Where it works

RevealJS.

Back to top