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

Status
active
Switch component view

GitHub: o-header-services@5.3.3

Install o-header-services

If using the Build Service, add o-header-services@^5.3.3 to your script and link tags. Ensure the correct brand is set with a query parameter &brand=internal.

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

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