Open primary navigation
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, 4.0.4, as branding is a relatively new addition to our components.

Demo

Simple ribbon example

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
active Origami v1
Switch component view

GitHub Repository

Install o-ft-affiliate-ribbon

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

If running a Manual Build, run npm install "o-ft-affiliate-ribbon@^3.1.1".

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: #ft-origami
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: #ft-origami
Email: origami.support@ft.com