o-footer

CSS JS

The footer component goes at the bottom of all masterbrand pages.

Content

Legal

At a minimum the FT's legal team has advised us the Footer must contain:

Navigation (optional)

The large footer also contains links to:

  • other FT publications
  • services and tools
  • help topics
View on GitHub

Quick start

Using the build service

Add the following token to your script and link tags (how do I do that?):

o-footer@^5.4.0

For more information see the Origami build service.

Using a 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-footer"@"^5.4.0"

For more information see the Origami build process.

Dark theme

This is the standard masterbrand footer used on most pages.

Light theme

A light theme masterbrand footer

Short footer

Simple footer for shorter stand-alone pages.

Component information

Latest stable version:
5.4.1 (7 days, 3 hours old)
Status (Learn more):
Active (as of 5.4.0)
Bundle sizes:
23.39KB JavaScript 10.99KB CSS
This version
5.4.0 (2 months, 19 days old)
Support status (Learn more):
Active (as of 5.4.0)
Last indexed
25 May 2017 16:53:54 (Build now)
Installable?
OK
Dependencies
o-assets >=0.4.1 <4 OK 3.0.2
o-colors >=2.5.0 <4 Out of date 4.0.1
o-grid ^4.0.0 OK 4.3.1
o-icons >=4.4.2 <6 OK 5.3.0
o-toggle ^1.1.4 OK 1.1.6
o-typography ^4.1.0 Out of date 5.0.1
o-viewport >=2.2.0 < 4 OK 3.1.2
Dependents
alphaville-footeralphaville-uifthelp-wp-templateKAT-footern-ui

Contact

To talk to the team you can contact the Origami team on Slack channel #ft-origami or directly by email at origami-support@ft.com

Report an issue

Origami