Demos: o-ft-affiliate-ribbon

o-ft-affiliate-ribbon hasn't been branded yet, it only supports the master brand. If you would like to discuss having it branded please get in touch with the Origami team.

Demo

Simple ribbon example

Demo
HTML

Open demo in a new tab

<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

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 running a Manual Build, run npm install "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