Quote block
A blockquote with a slot editor body, citation, avatar and labels.
On this page
The Quote block is a blockquote whose text is a slot editor, with an optional citation, avatar and labels.
Where it is offeredLink to this section
Offered in the root, region and fragment tiers. Its text uses the slot editor.
FieldsLink to this section
| 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 |
Rendered outputLink to this section
Renders the Quote component with its parts.
ConverterLink to this section
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.
CustomizingLink to this section
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 for the configuration pattern and Converters for the renderer contract. A project converter used in client-mode live preview also needs browser registration.