quarto-revealjs-checklist-fragments
A Quarto extension that adds animated checkbox fragments to RevealJS presentations. Each item draws in with an SVG stroke animation when revealed, and retraces in reverse when going back.
Installation
quarto install extension emilhvitfeldt/quarto-revealjs-checklist-fragments
Usage
Add the filter to your document and wrap bullet lists in a ::: checklist div:
---
format: revealjs
filters:
- checklist-fragments
---
::: checklist
- [/] Ship the feature
- [-] Missed the deadline
- [~] Tests still running
:::
Marker types
| Marker | Meaning | Colour |
|---|---|---|
[/] |
Done | Green |
[-] |
Didn’t happen | Red |
[~] |
In progress | Amber |
[>] |
Skipped | Gray |
[!] |
Blocked | Orange |
[?] |
Unknown | Purple |
[=] |
Partial | Blue |
[*] |
Priority | Gold |
Controlling reveal order
Append a number to the marker to control when each item appears. Items with the same number reveal simultaneously. Items without a number are auto-sequenced by document order.
::: checklist
- [/1] These two appear
- [/1] on the first keypress
- [-3] This appears third
- [~2] This appears second
:::