react-hamburger-menu-responsive
v1.1.8TypeScript
A customizable and responsive hamburger menu for React
3/weekUpdated 1 years agoMITUnpacked: 6.7 KB
Published by Thiago Alcântara
npm install react-hamburger-menu-responsive
react-hamburger-menu-responsive
==============
A customizable and responsive hamburger menu for React Js.
Installation
``
npm i react-hamburger-menu-responsive`
`yarn add react-hamburger-menu-responsive`
https://www.npmjs.com/package/react-hamburger-menu-responsive
Usage
`
closeColor="#FFFFFF"
trigger={trigger}
setTrigger={setTrigger}
backgroundColor="#3C617A"
breakPoint={768}
childrenStyle={
{
// your styles
}
}
>
{/ your component links /}
`
Example
`
import { useState } from "react";
import { HamburgerMenu } from "react-hamburger-menu-responsive";
export function Header() {
const [trigger, setTrigger] = useState(false);
return (
closeColor="#FFFFFF"
trigger={trigger}
setTrigger={setTrigger}
backgroundColor="#3C617A"
breakPoint={768}
childrenStyle={{
marginTop: "100px",
display: "flex",
flexDirection: "column",
alignItems: "center",
width: "100%",
paddingBottom: "50px",
}}
>
);
}
``