Leveraging PowerApps Components To Create A Burger Menu

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