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@^6.0.5

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"@"^6.0.5"

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:
6.0.6 (5 days, 20 hours old)
Status (Learn more):
Active (as of 6.0.5)
Bundle sizes:
23.42KB JavaScript 11.72KB CSS
This version
6.0.5 (1 month, 3 days old)
Support status (Learn more):
Active (as of 6.0.5)
Last indexed
16 Nov 2017 14:53:38 (Build now)
Installable?
OK
Dependencies
o-assets >=0.4.1 <4 OK 3.0.3
o-colors ^4.0.1 OK 4.1.4
o-grid ^4.0.0 OK 4.3.5
o-icons >=4.4.2 <6 OK 5.4.2
o-toggle ^1.1.4 OK 1.1.9
o-typography ^5.0.1 OK 5.4.0
o-viewport >=2.2.0 <4 OK 3.1.4
Dependents
alphaville-footeralphaville-uifthelp-wp-templateKAT-footern-syn-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