Looking for a solution to achieve a certain sidebar functionality (picture included)

negomi / react-burger-menu

:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

http://negomi.github.io/react-burger-menu/

MIT License

5.05k stars 586 forks source link

Looking for a solution to achieve a certain sidebar functionality (picture included) #289

Closed jacobgranberry closed 5 years ago

jacobgranberry commented 5 years ago

Hi there!

I am working on a project and hoping to recreate something like this where each of the five icons pushes out a sidebar with unique information. I'm a bit of a React noobie and wondering the best way to accomplish this, or if its even possible with the react-burger-menu. Should I make the UI bar the parent component, and have the menuopen state on each icon?

Thanks for your help!

jacobgranberry commented 5 years ago

figured it out :)

negomi commented 5 years ago

Hey @jacobgranberry, glad you figured it out!

It sounds like you were on the right track - UI bar separate, then each icon should trigger the menu open state as needed (while disabling the default burger icon).

jacobgranberry commented 5 years ago

@negomi Yep thats pretty much what I did! Thanks again for the great component