react-navbar-test/components/Hamburger/index.js

React Responsive Navbar Test Release

import React from "react";

class Hamburger extends React.Component {
    state = {
        isOpen: false
    };

    handleClick = () => {
        this.setState({ isOpen: !this.state.isOpen });
    };

    render() {
        return (
            <div className="navbar">
                <span onClick={this.handleClick} className="bm-button">
                    &#9776;
                </span>
                {this.state.isOpen && (
                    <div className="bm-overlay">
                        <div className="bm-menu bm-menu-left fadeInLeft">
                            <div className="bm-wrapper">
                                <span
                                    className="bm-cross-button"
                                    onClick={this.handleClick}
                                >
                                    &#10006;
                                </span>
                                <ul className="debug">{this.props.children}</ul>
                            </div>
                        </div>
                    </div>
                )}
            </div>
        );
    }
}

export default Hamburger;