This version of this component hasn't been branded yet.

Please check the latest version, 3.0.4, as branding is a relatively new addition to our components.

o-ft-affiliate-ribbon

FT affiliation ribbon for Specialist Titles

active

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>
Bower Dependencies
o-colors ^4.0.1
o-grid ^4.3.0
GitHub Repository

Quickstart

Build Service

Add the following to your <link> tag

o-ft-affiliate-ribbon@^3.0.2

How do I do that?

For more information see the Origami build service.

Manual Build Process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-ft-affiliate-ribbon"@"^3.0.2"

For more information see the Origami build process.