Interactive

Step

Steps reveal the content of a slide piece by piece. → reveals the next step before moving to the next slide, ← hides it again. Print and PDF show every step.

Live demo

Click the deck, then press → to reveal each step.

Click the deck, then use ← → · 2 slides · 00:15Open fullscreen →

Syntax

MarkdownMarkdown
:::step
Lorem ipsum
:::

:::step
Dolor sit amet
:::
MDXMDX
<Step>Lorem ipsum</Step>
<Step index={2}>Dolor sit amet</Step>

Attributes and props

AttributeTypeDefaultDescription
indexnumberautomatic orderReveal order (1 is shown first)

In other formats

FormatStatusNotes
deckAvailableRendered in slides, the presenter console and the HTML and PDF exports.
docsAvailableThrough <StoryEmbed slug="…" /> in any page of a site.
motionAvailableAnimated block in a film.
reportPlanned · P6Section of a paged report.
toonPlanned · P7Panel of a vertical strip.
bookPlanned · P8Block of a printable chapter.
Last modified on