Origami Frontend Components & Services

Demos: o-quote


A blockquote style for editorial contexts such as articles. A block quote is a passage of text from another source, or a passage of text that’s been spoken by a person. Used to attribute another source of information, or to quote the spoken words of a person.

<blockquote class="o-quote o-quote--editorial">
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente placeat ducimus blanditiis, deleniti necessitatibus quo vel itaque omnis ipsum voluptas. Debitis omnis nobis optio minus vero quaerat quasi perspiciatis aliquid?</p>
	<cite class="o-quote__cite">
		<span class="o-quote__author">Lorem ipsum</span>
		<span class="o-quote__source">Lorem, ipsum dolor.</span>


An alternative blockquote. We recommend the editorial style for editorial contexts such as within articles.

<blockquote class="o-quote o-quote--standard">
	<p>Origami is about empowering developers of all levels to build robust, on-brand products ranging from simple static sites through to rich, dynamic web applications, to do it faster, to do it cheaper, and leave them more supportable and more maintainable.</p>
	<cite class="o-quote__cite">
		<span class="o-quote__author">Financial Times</span>
		<span class="o-quote__source">The Origami Spec</span>
active Origami v1
Switch component view

GitHub Repository

Install o-quote

If using the Build Service, add o-quote@^4.1.6 to your link tag.

If running a Manual Build, run npm install "o-quote@^4.1.6".

Help & Support

o-quote is maintained directly by the Origami team. If you have any questions about o-quote or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com