This package has been deprecated

Author message:

This package has been deprecated. Please find this package under its new name @cloudflare/component-header.

cf-component-header

Cloudflare Header Component

Installation

Installation with yarn is recommended

 
$ yarn add cf-component-header
 

Usage

import React from 'react';
import { Box } from 'cf-component-box';
import { Header, NavList, NavItem, Hamburger } from 'cf-component-header';
import { Logo } from 'cf-component-logo';
 
const ViewComponent = () => (
  <Header>
    <Box display="flex">
      <Hamburger onClick={() => console.log('Yum! Hamburger')} />
      <a href=".">
        <Logo />
      </a>
    </Box>
    <NavList>
      <NavItem>One</NavItem>
      <NavItem>Two</NavItem>
      <NavItem>Three</NavItem>
    </NavList>
  </Header>
);
 
export default ViewComponent;