o-header-services

CSS JS

Responsive page header for minimally branded sites, eg B2B tools, documentation sites, and internal tools.

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-header-services@^1.2.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-header-services"@"^1.2.1"

For more information see the Origami build process.

Site title only


			

If your site has no navigation you can use this top bar only.

Header with navigation add-on


			

For sites with a few pages, there is a navigation style available. These nav items collapse into a drawer at narrow screen widths.

Header with a primary and secondary navigation


			

For sites with more than a few sections, a secondary navigation is also available

Product themes


			

This component is themable. The current available themes are B2B and B2C. If you're creating a product that isn't within B2B or B2C please contact Origami.

Component information

Latest stable version:
1.2.1 (2 months, 5 days old)
Status (Learn more):
Active (as of 1.2.1)
Bundle sizes:
24.25KB JavaScript 17.72KB CSS
This version
1.2.1 (2 months, 5 days old)
Support status (Learn more):
Active (as of 1.2.1)
Last indexed
26 May 2017 12:51:34 (Build now)
Installable?
OK
Dependencies
o-assets ^3.0.2 OK 3.0.2
o-colors ^3.5.0 Out of date 4.0.1
o-grid ^4.2.0 OK 4.3.1
o-header ^6.13.1 OK 6.14.4
o-icons >=4.4.2 <6 OK 5.3.0
o-typography ^4.0.0 Out of date 5.0.1
Dependents
kmt-header

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