/Javascript/React/Burger menu bulma React

Burger menu bulma React

const [isActive, setisActive] = React.useState(false); 
<nav className="navbar" role="navigation" aria-label="main navigation">
        <div className="navbar-brand">
          <a
            onClick={() => {
              setisActive(!isActive);
            }}
            role="button"
            className={`navbar-burger burger ${isActive ? "is-active" : ""}`}
            aria-label="menu"
            aria-expanded="false"
            data-target="navbarBasicExample"
          >
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
          </a>
        </div>
        <div
          id="navbarBasicExample"
          className={`navbar-menu ${isActive ? "is-active" : ""}`}
        >
          <div className="navbar-start">
            <a className="navbar-item">Home</a>
            <a className="navbar-item">Documentation</a>
          </div>
        </div>
   </nav>

Source: stackoverflow.com

Similar codes

4 votes79 views1 answer
React router dom v6 goback
Javascript React
20 votes126 views4 answers
Conditional Rendering in React js
Javascript React
-1 vote130 views1 answer
React time picker
Javascript React
0 vote122 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
3 votes123 views1 answer
How to go to another page onclick in react
Javascript React
0 vote143 views1 answer
React native swipe screen
Javascript React
3 votes136 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
2 votes132 views2 answers
Easiest way to show current date in react
Javascript React
3 votes124 views3 answers
React ReferenceError: regeneratorRuntime is not defined
Javascript React
5 votes133 views1 answer
React dom
Javascript React