Origami Frontend Components & Services

Demos: o-quote

Editorial

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>
  </cite>
</blockquote>

Standard

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>
  </cite>
</blockquote>
Status
active Origami v1 (Bower)
Switch component view

GitHub Repository

Install o-quote

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

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/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