react-top-nav
Top navigation component for React
Install
yarn add react-top-nav
Use
Use in a layout component.
;; const MenuIcon Nav MobileMenu useMobileMenu = ; { const isOpen isScrolled close open toggle = ; return <div> <div style= paddingTop: "64px" > <Nav isScrolled=isScrolled style= backgroundColor: "#ddd" > <MenuIcon onClick=toggle isOpen=isOpen style= padding: "8px" /> <MobileMenu isOpen=isOpen> <ul> <li>Item</li> <li>Item</li> <li>Item</li> </ul> </MobileMenu> </Nav> <main>children</main> </div> ;};
Contribute
Suggestions, issues, PRs welcome!