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.7 (11 days, 20 hours old)
Status (Learn more):
Active (as of 6.0.1)
Bundle sizes:
23.76KB JavaScript 11.72KB CSS
This version
6.0.1 (5 months, 28 days old)
Support status (Learn more):
Active (as of 6.0.1)
Last indexed
1 Dec 2017 11:07:35 (Build now)
Installable?
OK
Dependencies
o-assets >=0.4.1 <4 OK 3.0.4
o-colors ^4.0.1 OK 4.1.5
o-grid ^4.0.0 OK 4.3.6
o-icons >=4.4.2 <6 OK 5.4.3
o-toggle ^1.1.4 OK 1.1.10
o-typography ^5.0.1 OK 5.4.1
o-viewport >=2.2.0 <4 OK 3.1.5
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