Origami Frontend Components & Services

Readme: o-header--theme-ic

o-header--theme-ic has a support status of "dead". This means that there are no plans to fix any issues with this component, and it may stop working at any point. More information on the status of this component is available in the README. If you still rely on this component or have concerns, please contact the Origami team.


This component is a theme for o-header. It includes o-header and then the required CSS to give the Investors Chronicle branding.

A table of contents to help people find things


This component includes on o-header as a dependency, so you only need to explicitly include component in your project.


There is a lot of markup for this component, an illustrative version of it can be seen in the demos.


No code will run automatically unless you are using the Build Service.
You must either construct an oHeader object or fire the o.DOMContentLoaded event, which oComponent listens for.

Constructing an oHeader object

const oHeader = require('o-header');


Firing an oDomContentLoaded event

document.addEventListener('DOMContentLoaded', function() {
    document.dispatchEvent(new CustomEvent('o.DOMContentLoaded'));


As with all Origami components, o-header--theme-ic has a silent mode. To use its compiled CSS (rather than using its mixins with your own Sass) set $o-o-header--theme-ic-is-silent : false; in your Sass after you've imported the o-header--theme-ic Sass.


Please let the Origami team know if you'd like push access to this repository.
Building Origami components locally all works in the same way:

  1. Clone this repository
  2. Install the Origami Build Tools globally: $ npm install -g origami-build-tools
  3. On the command line, in the o-header--theme-ic directory run:
    1. $ obt install // this will install all of this component's dependencies including bower and npm if you don't have them
    2. You may need to add a .bowerrc file to tell bower where to look for Origami dependencies. OBT will let you know if you need to do this and how to do it.
    3. $ obt build // this will build all of this component's dependencies
    4. $ obt demo --runServer --watch // this will run all of this projects demos, which you'll now be able to see in a browser
  4. You can now work on the Sass, JS, or demos of this project and see the results


If you have any questions or comments about this component, or need help using it, please either raise an issue, visit #ft-origami or email Origami Support.


This software is published by the Financial Times under the MIT licence.

dead Origami v1 (Bower)
Switch component view

GitHub: o-header--theme-ic

Install o-header--theme-ic

If using the Build Service, add o-header--theme-ic@^1.0.2 to your script and link tags.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-header--theme-ic@^1.0.2".

Help & Support

o-header--theme-ic is maintained directly by the Origami team. If you have any questions about o-header--theme-ic or Origami in general, we are happy to help. 😊

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