reach-natgeo-header v1.0.0

Reach NatGeo Header

Basic header for one-page NatGeo sites

• Bundled with Webpack
• Develop with Hot Module Replacement (HMR)
• Includes linting with ESLint
• Testing with Jest.

Usage

1. npm install reach-natgeo-header

Optional Props for this Component

1. Background Color - string (name, hex, or rgba)
2. Text Color - string (name, hex, or rgba)
3. Padding - string of shorthand CSS property (e.g. '15px' or '5px 10px 15px 5px')
4. NatGeo Logo Source - string
5. Partner Logo Source - string
6. Partner Logo Text - string
7. Partner Logo Link - string
8. Section Links with Scrollspy - Array of objects { id: 'example', label: 'EXAMPLE' }
9. Ad Banners - object { adUnitPath: '', slotSizes: [728, 90, 300, 250] } based on react-gpt

Dependencies

1. prop-types
2. react-hot-loader
3. react-scroll
4. react-gpt