export default function navbar() {
const [isOpen, setIsOpen] = useState(false);
const handleClick = () => {
setIsOpen(!isOpen)
}
return (
<nav>
<div className="logoBtn">
<div className="logo">
<a href="#"><h1>Logo</h1></a>
</div>
<div className="btn" onClick={handleClick}>
<div className="bar"></div>
<div className="bar"></div>
<div className="bar"></div>
</div>
</div>
<ul className={isOpen ? 'showNav' : und}>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
);
}
export default function Navbar() {
Code Example |
---|
Html :: html contenteditable attribute |
Html :: fork me github ribbon code html css |
Html :: how to use font awesome icons in html |
Html :: how to set all to left on html |
Html :: html button |
Html :: how to start new line in html |
Html :: images html |
Html :: html new line |
Html :: HTML Table - Rowspan |
Html :: text box |
Html :: html how to hide and show multiple |
Html :: python download html as string |
Html :: button |
Html :: html in page navigation |
Html :: insert text html |
Html :: free form template html |
Html :: h5 in html |
Html :: androif intent in html link |
Html :: compress scss with node-sass |
Html :: input text |
Html :: is it illegal to hunt polar bears |
Html :: how to change text place in html |
Html :: ruby and rails html show date year |
Html :: ngclass two classes one conditions |
Html :: venobox cdn |
Html :: how to increase size of input submit type in html |
Html :: list of web error codes |
Html :: google material icons |
Html :: input group |
Html :: html table serial number |