Shapes on Slides

Using quarto-shapes in a RevealJS presentation

Shapes work on slides

The same .shape-* divs you use in HTML documents render in RevealJS presentations.

Hello

Hold content

Callout shapes are designed to wrap text, so they double as decorative containers on a slide.

Good point!

Mix modifiers

Fill, stroke, size, and rotation are all composable.

Position with .absolute

RevealJS’s .absolute class lets you place shapes anywhere on the slide using top, left, right, and bottom.

Decorate a list

• Built from inline SVG
• No image files to manage
• Styled entirely with attributes and classes