@cloudflare/component-header

Cloudflare Header Component

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@cloudflare/component-header
Minified + gzip package size for @cloudflare/component-header in KB

Readme

@cloudflare/component-header

Cloudflare Header Component

Installation

Installation with yarn is recommended


$ yarn add @cloudflare/component-header

Usage

import React from 'react';
import { Box } from '@cloudflare/component-box';
import { Header, NavList, NavItem, Hamburger } from '../../src';
import { LogoHeader } from '@cloudflare/component-logo';

const ViewComponent = () => (
  <Header>
    <Box display="flex">
      <Hamburger onClick={() => console.log('Yum! Hamburger')} />
      <a href=".">
        <LogoHeader />
      </a>
    </Box>
    <NavList>
      <NavItem>One</NavItem>
      <NavItem>Two</NavItem>
      <NavItem>Three</NavItem>
    </NavList>
  </Header>
);

export default ViewComponent;

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.