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.1

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.1"

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.3 (12 days, 18 hours old)
Status (Learn more):
Active (as of 6.0.1)
Bundle sizes:
23.41KB JavaScript 11.72KB CSS
This version
6.0.1 (4 months, 4 days old)
Support status (Learn more):
Active (as of 6.0.1)
Last indexed
17 Oct 2017 11:53:06 (Build now)
Installable?
OK
Dependencies
o-assets >=0.4.1 <4 OK 3.0.2
o-colors ^4.0.1 OK 4.1.3
o-grid ^4.0.0 OK 4.3.5
o-icons >=4.4.2 <6 OK 5.4.1
o-toggle ^1.1.4 OK 1.1.7
o-typography ^5.0.1 OK 5.3.0
o-viewport >=2.2.0 <4 OK 3.1.3
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