Blockquotes

Blockquote

Similar to the browser default, we added a left border which can be colored using border color utilities.

To attribute someone in the blockquote, add a <footer>. If you’re referencing a specific creative work, wrap it in a <cite> tag.

<blockquote>
    <p>
        <!-- Quote goes here! -->
    </p>
    <footer>
        <!-- Quote attribution goes here! -->
        <cite>
        <!-- Cite a specific work -->
        </cite>
    </footer>
</blockquote>