The Ionic Academy

More content, more detailed video courses and community help inside the member area.

Not an Ionic Academy Member? Click here to learn more

How to Add A Side Menu to Your Ionic 4 App [v4]

In this Quick Win we will add a side menu to our Ionic 4 app starting from a blank template using the CLI to generate our pages and new Angular Router.

In the documentation and official starter template the side menu is always set as the main UI at the top most level of your app but many times you will have a login screen or other screens in which you simply need to integrate the side menu.

Therefore we will go through building a side menu from a blank app so you could later include it anywhere inside your app!


ionic-academy-start

You must be a Member to view this Quick Win

Access all courses and lessons, track your progress, connect with Developers & build awesome Ionic Apps.

Read Next..

How to Build Your First Ionic 4 App with API Calls So you just noticed that Ionic 4 was released and you finally want to get started with cross platform app development? Well today is your days because...
How to Show/Hide Elements Based on User Roles with Ionic When you build an authentication system for your app it's very likely that you also have some sort of role management. If you want to show or hide dif...
How to Create an Ionic 4 Image Gallery with Zoom With Ionic 4 the old ion-scroll is gone and with it the way we created a zoomable view. The good news is the Slides are still there and we can use the...

Read Next..

How to use Ionic Route Guards and Resolver With Ionic 4 and the closer Angular integration we can now finally enjoy the benefits from using the Router and other functions you might already know...
How to Pass Data with Angular Router in Ionic When you are migrating your Ionic 3 app to Ionic 4 one of the biggest problems you will face is converting your logic to the new routing. Especially p...
How to Create an Ionic 4 Image Gallery with Zoom With Ionic 4 the old ion-scroll is gone and with it the way we created a zoomable view. The good news is the Slides are still there and we can use the...