Origami Frontend Components & Services

Demos: o-header-services

Header with title section

If your site has no navigation you can use this top bar on its own.

Header with primary navigation

Navigation for an overview of a product's pages. These nav items collapse into a drawer at narrow screen widths.

Header with primary navigation and drop down menus

Navigation for an overview of a product's pages. These nav items collapse into a drawer at narrow screen widths, and can be presented as dropdown menus

Header with a primary and a secondary navigation

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

Product theme: B2B

B2B theme for this header component. If you're creating a product that isn't within B2B or B2C please contact Origami.

Status
active
Switch component view

GitHub: o-header-services@5.2.4

Install o-header-services

If using the Build Service, add o-header-services@^5.2.4 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-services@^5.2.4".

Help & Support

o-header-services is maintained directly by the Origami team. If you have any questions about o-header-services 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