Cover | Components

<Cover> builds a centered title slide: an optional badge, the title, a subtitle and a line with the author, organization and date. Each part fades in after the previous one. In Markdown, the cover layout gives the same result with plain headings.

Live demo

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

Syntax

Markdown (cover layout)
--- layout=cover

# Lorem ipsum
### Dolor sit amet, consectetur adipiscing elit

:badge[v0.1]{type=primary}

MDX
<Cover
  badge="v0.1"
  title="Lorem ipsum"
  subtitle="Dolor sit amet, consectetur adipiscing elit"
  author="Lorem Ipsum"
  organization="Dolor Studio"
  date="2026"
/>

Attributes and props

Prop	Type	Default	Description
`title`	`string`	—	Main title (required)
`subtitle`	`string`	—	Line under the title
`author`	`string`	—	Author name
`organization`	`string`	—	Shown after the author
`date`	`string`	—	Shown after the organization
`badge`	`string`	—	Pill shown above the title
`className`	`string`	—	Extra CSS classes

In other formats

Format	Status	Notes
`deck`	Available	Rendered in slides, the presenter console and the HTML and PDF exports.
`docs`	Available	Through <StoryEmbed slug="…" /> in any page of a site.
`motion`	Available	Animated block in a film.
`report`	Planned · P6	Section of a paged report.
`toon`	Planned · P7	Panel of a vertical strip.
`book`	Planned · P8	Block of a printable chapter.

Last modified on October 29, 2026