# Cover

`<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

<StoryEmbed slug="cover" />

## Syntax

```md title="Markdown (cover layout)"
--- layout=cover

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

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

```mdx title="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

<FormatSupport />