Gallery / Broken components / Broken quote Gallery / / Broken quote
Broken components /
Documentation

Description

A quote component with an intentional HTML validation error.

Usage

Minimal example

{% broken_quote "foo" %}
  {% slot "author" %}Sample author content{% endslot %}
{% endbroken_quote %}

Bigger example

{% broken_quote "foo" %}
  {% slot "author" %}Sample author content{% endslot %}
  {% slot "source" %}Sample source content{% endslot %}
{% endbroken_quote %}

Qualified tag usage

{% broken__broken_quote "foo" %}
  {% slot "author" %}Sample author content{% endslot %}
{% endbroken__broken_quote %}

Parameters

Name Type Required Default Choices Description
quote str Yes — — The quote text
Sandbox
{% broken_quote "foo" %}
  {% slot "author" %}Sample author content{% endslot %}
{% endbroken_quote %}

<figure class="quote-oneup">
    <blockquote>
        foo
        <span><div>Deliberate HTML validation error</div></span>
    </blockquote>
    <figcaption>
        — Sample author content
        
            <cite>Sample source content</cite>
        
    </figcaption>
</figure>