react-simple-mobile-header v0.0.5

Introduction

A simple mobile header for React projects

Installation

npm install react-simple-mobile-header

Usage Example

import { MobileHeader } from "react-simple-mobile-header";

<MobileHeader 
    styles={{color:'#000'}}
    logoElement={<a href="/">logo</a>}
    menuElement={<Menu />}
    closeElement={<Button />}
    isOpen={isOpen}
    className="header"
    menuClassName="menu"
      />

To be visible only on small screens

.header {
  display: flex;

  @media only screen and (min-width: 601px) {
    display: none;
  }
}

Demo

Codesandbox