How to Create an Ionic Side Menu with Accordion Items [v6]


The Ionic 6 accordion component is a great and super easy way to build a structured side menu with nested items, simply by using this component!

In this Quick Win we will therefore implement an accordion within a side menu and connect actions to the different items so we can use the entries for navigation.

On top of that we will also build a more advanced version of this menu with dynamic data based on JSON and a custom recursive accordion component!


If you haven’t used the accordion before, I also recommend you check out our Ionic accordion usage Quick Win!

The full quick win with snippets is only available to Ionic Academy members.
Join now for

  • Unlimited access to all quick wins
  • Library of 40+ step-by-step video courses
  • Support for Ionic questions via Slack & private community

Join now & Unlock

Current member? LOGIN

Leave a Reply

Your email address will not be published. Required fields are marked *