# quote

A quote with optional citation

****

- Source: <https://github.com/getkirby/kirby/tree/5.5.3/config/blocks/quote/>

****

## Preview

![](https://assets.getkirby.com/media/pages/docs/reference/panel/blocks/quote/4af531ee2f-1717846665/quote-block.png?width=1416&height=600&enlarge=0)

## Default files

### Snippet

By default, Kirby uses the following snippet to render the quote block:

```php
<?php /** @var \Kirby\Cms\Block $block */ ?>
<blockquote>
  <?= $block->text() ?>
  <?php if ($block->citation()->isNotEmpty()): ?>
  <footer>
    <?= $block->citation() ?>
  </footer>
  <?php endif ?>
</blockquote>

```

To overwrite [this default snippet](https://github.com/getkirby/kirby/tree/5.5.3/config/blocks/quote/quote.php), place your custom file in `/site/snippets/blocks/quote.php`.

### Blueprint

By default, Kirby uses the following blueprint for the quote block:

```yaml
name: field.blocks.quote.name
icon: quote
wysiwyg: true
preview: quote
fields:
  text:
    label: field.blocks.quote.text.label
    placeholder: field.blocks.quote.text.placeholder
    type: writer
    inline: true
    icon: quote
  citation:
    label: field.blocks.quote.citation.label
    placeholder: field.blocks.quote.citation.placeholder
    type: writer
    inline: true
    icon: user

```

To overwrite [this default blueprint](https://github.com/getkirby/kirby/tree/5.5.3/config/blocks/quote/quote.yml), place your custom file in `/site/blueprints/blocks/quote.yml`.

### Vue component

[`kirby/src/components/Forms/Blocks/Types/Quote.vue`](https://github.com/getkirby/kirby/blob/main/panel/src/components/Forms/Blocks/Types/Quote.vue)