hamburgers icon indicating copy to clipboard operation
hamburgers copied to clipboard

[Feature Request] Make it react components?

Open rockmandash opened this issue 6 years ago • 4 comments

Hello, first of all, thank you for this wonderful library. As app grows, its easier to make hamburgers a react component. Something like this

<Hamburger
  active={this.state.active}
  type="slider"
  onClick={() => this.setState({ active: !this.state.active })}
/>

And add react-emotion support, there won't be any css conflict and additional sass logic. Thank you.

rockmandash avatar Jul 04 '18 03:07 rockmandash

Will consider this for v2

jonsuh avatar Sep 25 '18 00:09 jonsuh

See https://github.com/AuvikAlive/react-animated-burgers. The project has made animated burger buttons as react components based on this project. It's dependent on styled-components.

camelCaseDave avatar Aug 11 '19 16:08 camelCaseDave

If needed there is a svelte version: https://npmjs.com/svelte-hamburgers

ghostdevv avatar Sep 28 '21 18:09 ghostdevv

I've opted into hamburger-react (https://hamburger-react.netlify.app/) since react-animated-burgers linked above does not support latest React. Simple and slim, does not have the same level of customisation, though.

luigimannoni avatar Jan 30 '24 18:01 luigimannoni