# 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

<StoryEmbed slug="quote" />

## Syntax

```md title="Markdown"
--- layout=center

> "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
>
> — Lorem Ipsum
```

```mdx title="MDX"
<Quote
  quote="Lorem ipsum dolor sit amet."
  author="Lorem Ipsum"
  role="Dolor Studio"
/>
```

## Attributes and props

| Prop        | Type     | Default | Description              |
| ----------- | -------- | ------- | ------------------------ |
| `quote`     | `string` | —       | The quotation (required) |
| `author`    | `string` | —       | Who said it              |
| `role`      | `string` | —       | Shown under the author   |
| `className` | `string` | —       | Extra CSS classes        |

## In other formats

<FormatSupport />