/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

0 vote113 views4 answers
How to pass data between routes in react
Javascript React
1 vote108 views2 answers
Change text size according to screen react native
Javascript React
0 vote101 views1 answer
Navigate to another page onPress button react native
Javascript React
1 vote151 views1 answer
Private route in react js
Javascript React
112 votes139 views5 answers
Command to create react app
Javascript React
28 votes138 views1 answer
Semantic ui dropdown value react
Javascript React
5 votes123 views2 answers
Remove underline from link i react
Javascript React
0 vote107 views1 answer
Reactbootstrap multiselect
Javascript React
1 vote130 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote138 views1 answer
React native run on specific emulator
Javascript React