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
Switch component view

GitHub Repository

Install o-quote

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

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-quote@^5.0.1".

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