Origami Frontend Components & Services

Demos: o-ft-affiliate-ribbon

This version of o-ft-affiliate-ribbon hasn't been branded yet. Please check the latest version, 5.0.0, as branding is a relatively new addition to our components.

Demo

Simple ribbon example

<div class="o-ft-affiliate-ribbon">
  <div class="o-ft-affiliate-ribbon__container">
    <div class="o-ft-affiliate-ribbon__row">
      <a
        class="o-ft-affiliate-ribbon__logo"
        href="https://www.ft.com/"
        title="The Financial Times"
        target="_blank"
      >
        <span class="o-ft-affiliate-ribbon__visually-hidden"
          >A service from the Financial Times</span
        >
      </a>
    </div>
  </div>
</div>
Status
active Origami v1 (Bower)
Switch component view

GitHub Repository

Install o-ft-affiliate-ribbon

If using the Build Service, add o-ft-affiliate-ribbon@^4.0.4 to your link tag.

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

Help & Support

o-ft-affiliate-ribbon is maintained directly by the Origami team. If you have any questions about o-ft-affiliate-ribbon 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