A navigation masthead


006.0.05 years ago6 years agoMinified + gzip package size for @economist/component-navigation in KB


By:EconomistBuild StatusBuild StatusCoverage Status


A navigation masthead


This component expects an ES6 environment, and so if you are using this in an app, you should drop in a polyfill library - it has been tested with babel-polyfill but core-js or es6-shim may also work.

The default export is a React Component, so you can simply import the component and use it within some JSX, like so:

import Navigation from '@economist/component-navigation';

return (
  <Navigation logo={<img src="/logo.png"/>} menu={<ul>...</ul>}>
    <p>Extra children</p>

For more examples on usage, see src/example.es6.


npm i -S @economist/component-navigation

Run tests

npm test

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.