CodeFocus for Quarto Revealjs

Use this syntax to add progressive code highlighting with explanations in Quarto revealjs presentations.

When to use

• When creating Quarto revealjs presentations
• When you need step-by-step code walkthroughs
• When teaching code concepts progressively

Setup

1. Install the extension:

quarto add reuning/codefocus

2. Add to _quarto.yml: