Gallery / Demo Components / Quote oneup / Hero Editorial Callout Gallery / / Hero Editorial Callout
Demo Components / Quote oneup /
Documentation
Variant

Hero Editorial Callout

Editorial quote formatted within an artistic framed container block.

Preview

{% quote_oneup "Design is not just what it looks like and feels like. Design is how it works." %}
  {% slot "author" %}Steve Jobs{% endslot %}
  {% slot "source" %}The New York Times{% endslot %}
{% endquote_oneup %}

Parameters

Name Type Required Default Choices Description
quote str Yes — — The quote text
Sandbox
{% quote_oneup "To be or not to be" %}
  {% slot "author" %}William Shakespeare{% endslot %}
{% endquote_oneup %}

<div style="max-width: 650px; margin: 2rem auto; padding: 2.5rem; background: #fafaf9; border-left: 6px solid #e11d48; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); font-family: Georgia, serif;">
    <figure class="quote-oneup">
    <blockquote>
        Design is not just what it looks like and feels like. Design is how it works.
    </blockquote>
    <figcaption>
        — Steve Jobs
        
            <cite>The New York Times</cite>
        
    </figcaption>
</figure>

</div>