Quote

{{ design.patterns.renderPattern('quote', {}) | safe }}

Source (Nunjucks)

<blockquote {% if data.cite %}cite="{{ data.cite.url }}"{% endif %}>
  {% if data.content %}
    <p>{{ data.content }}</p>
  {% endif %}
  {% if data.quote %}
    <q>{{ data.quote }}</q>
  {% endif %}
  {% if data.cite %}
    <footer>
      <cite>{{ data.cite.text }}</cite>
    </footer>
  {% endif %}
</blockquote>

Variants

With Cite

{{ design.patterns.renderPattern('quote/With Cite', {}) | safe }}

View full screen

Source (Nunjucks)

<blockquote {% if data.cite %}cite="{{ data.cite.url }}"{% endif %}>
  {% if data.content %}
    <p>{{ data.content }}</p>
  {% endif %}
  {% if data.quote %}
    <q>{{ data.quote }}</q>
  {% endif %}
  {% if data.cite %}
    <footer>
      <cite>{{ data.cite.text }}</cite>
    </footer>
  {% endif %}
</blockquote>