Get started

Get the tools and building blocks to design and develop consistent and accessible experiences.

Start developing Start designing

Blockquote

Blockquotes are used to quote external sources or highlight an important excerpt.

Guidance

A <blockquote> is an HTML element used to visually distinguish a section of text from the surrounding content. We use it to quote external sources or highlight an important excerpt.

Blockquotes must be used sparingly. There should never be more than one blockquote on a page.


Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu ipsum fringilla, congue urna quis, ullamcorper enim. Phasellus molestie est quis commodo euismod. The Design System Team

HTML

<blockquote>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu ipsum fringilla, congue urna quis, ullamcorper enim. Phasellus molestie est quis commodo euismod.
    <cite>The Design System Team</cite>
</blockquote>