In this blog post I will guide inte creating a burger as a component in your Power Apps application so that you can use a consistent way to navigate across your different screens.
The component is made of an icon (spoiler alert it the hamburger icon :)) , a gallery to display links to different screens and a timer to handle the animation to display the menu.
![]()
The gallery items has two properties, a Title of type string and a ScreenLink of type Screen
![]()
The component has three input properties of type Screen
![]()
And the OnSelect property of the Label just navigates to the selected Screen
![]()
When the Hamburger icon is selected we just update a boolean variable _IsOpened
![]()
The timer starts when _IsOpend is true
![]()
In order to simulate an animation we just need to bind the width and height of our component to the TimerValue
![]()
