Content

Quote

On a center slide, a blockquote gets a large quotation mark and its last — … line becomes the author. In MDX, <Quote> gives the same result with an animated entrance.

Live demo

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

Syntax

MarkdownMarkdown
--- layout=center

> "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
>
> — Lorem Ipsum
MDXMDX
<Quote
  quote="Lorem ipsum dolor sit amet."
  author="Lorem Ipsum"
  role="Dolor Studio"
/>

Attributes and props

PropTypeDefaultDescription
quotestring—The quotation (required)
authorstring—Who said it
rolestring—Shown under the author
classNamestring—Extra CSS classes

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