---
title: "Quote block"
description: "A blockquote with a slot editor body, citation, avatar and labels."
requested_language: nl
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/nl/payload/blocks/quote
version: unreleased (main)
docs_index: https://docs.systhema.app/nl/llms.txt
---
> This page isn't translated yet. Showing English.


The Quote block is a blockquote whose text is a `slot` editor, with an optional citation, avatar and labels.

![The quote block fields in the Payload editor](./images/quote.light.webp)

## Where it is offered

Offered in the `root`, `region` and `fragment` tiers. Its text uses the `slot` editor.

## Fields

<!-- generated:block-fields quote -->

| Field            | Type       | Label             | Default | Notes                                                       |
| ---------------- | ---------- | ----------------- | ------- | ----------------------------------------------------------- |
| `avatar`         | `upload`   | Citation Avatar   |         | Shown when `siblingData?.hasCitation`; Related to `uploads` |
| `content`        | `richText` | Content           |         |                                                             |
| `hasCitation`    | `checkbox` | Add Citation      | `false` |                                                             |
| `primaryLabel`   | `text`     | Citation Name     |         | Shown when `siblingData?.hasCitation`                       |
| `secondaryLabel` | `text`     | Citation Title    |         | Shown when `siblingData?.hasCitation`                       |
| `showIcon`       | `checkbox` | Show Quote Symbol | `true`  |                                                             |

<!-- /generated -->

## Rendered output

Renders the [Quote component](https://docs.systhema.app/nl/components/quote.md) with its parts.

## Converter

`quoteConverter` renders `<Quote.blockquote>` and converts the slot body with `nodesToJSX`. `showIcon` adds QuoteIcon. `hasCitation` enables the optional avatar and primary/secondary labels inside QuoteCite. An avatar next to a primary label gets empty alt text to avoid repeating the citation name.

## Customizing

Import `QuoteBlock` from `@systhemaui/payload/blocks` as the starting schema for a project block. Register the definition and your renderer through `customBlocks`, using `type: 'block'` and the editor tiers you intend to support. A distinct slug creates a new block; a converter registered under the existing `quote` slug takes precedence over the built-in converter. Keep the fields that renderer reads, including populated relationships and nested editor states.

See [Registering blocks](https://docs.systhema.app/nl/payload/blocks.md#registering-blocks) for the configuration pattern and [Converters](https://docs.systhema.app/nl/payload/custom-blocks/converters.md) for the renderer contract. A project converter used in client-mode live preview also needs [browser registration](https://docs.systhema.app/nl/payload/frontend/live-preview/client-mode.md).

## Related

- [Quote component](https://docs.systhema.app/nl/components/quote.md)