react-hamburgers
React component for Jonathan Suh's hamburguers (https://jonsuh.com/hamburgers/)
- Install this package with:
npm i -S react-hamburgers-
Configure hamburgers in your project following the oficial doc (https://github.com/jonsuh/hamburgers)
-
Use
react-hamburgerscomponent as follows:
import React from 'react';
import Hamburger from 'react-hamburgers';
export default class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = { active: false };
}
render() {
return (
<div>
<Hamburger
active={this.state.active}
type="slider"
onClick={() => this.setState({ active: !this.state.active })}
>
</div>
);
}
}