Skip to main content
Documentation/Elements & Controls Reference/Elements/Blocks/Blockquote

Blockquote

Blockquote displays a quotation and its author with dedicated quote-mark and typography controls. Use it for quoted editorial content.

Add and configure Blockquote

  1. Click Add, choose Blockquote, and place it in the container.
  2. Enter Content > Content > Text and Author.
  3. Configure Design > Container, Typography, Quotes, and Spacing.
  4. Save your changes.
Blockquote controls in the Breakdance editor
Blockquote controls in the Breakdance editor

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting Purpose and options Behavior
Text Visible text. Shared
Author Enter the author. Shared

Design > Container

Setting Purpose and options Behavior
Width Width. Responsive
Min Height Min height and unit. Responsive
Background Color or supported fill. Shared
Padding spacing controls. See linked controls
Borders borders controls. See linked controls

Design > Typography

Setting Purpose and options Behavior
Text typography controls. See linked controls
Author typography controls. See linked controls

Design > Quotes

Setting Purpose and options Behavior
Icon Icon. Shared
Icon Position Inline, Above Text. Shared
Alignment Left, Center, Right. When: Icon Position = Above Text. Shared
Size Size and unit. When: Icon is set. Responsive
Color Color or supported fill. When: Icon is set. Shared

Design > Spacing

Setting Purpose and options Behavior
After Quote After quote and unit. Responsive
Before Author Before author and unit. Responsive
Wrapper spacing controls. See linked controls

Troubleshooting

The quote marks overwhelm the text

Review Quotes size, positioning, and color together with the text typography.

The quotation looks like ordinary body copy

Adjust container spacing and typography while keeping the attribution close to the quote.