Ionic 3 component for a two-level side menu with accordion and default modes.
Ionic2-MultiLevelSideMenu is a reusable UI component for Ionic 3 apps that implements a two-level hierarchical side menu. It solves the problem of organizing complex navigation structures in mobile applications by providing expandable/collapsible menu items with suboptions. The component supports both accordion and default interaction modes, allowing developers to tailor the navigation experience.
Ionic 3 developers building mobile applications with complex navigation needs, such as apps with categorized settings, multi-level content, or hierarchical data structures.
Developers choose this component for its deep customization options, including dynamic badges, special action handling, and advanced selection syncing, without needing to build a side menu from scratch. It saves development time while offering production-ready features.
Ionic 3 demo of a two-level side menu.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Supports both accordion-style collapsing and default multi-level expansion, allowing developers to choose based on UX needs, as demonstrated in the README with animated gifs.
Offers a detailed settings interface to adjust option height, arrow icons, selection highlighting, and suboption indentation per platform (iOS, MD, WP), providing fine-grained control.
Menu items can display badges that update dynamically via Observable streams, enabling live data reflection like unread counts without manual refreshes.
Provides decorators like SideMenuDisplayText and events to keep menu selection in sync with page navigation, even for complex scenarios like multiple options linking to the same page.
Only supports two levels of menu items, requiring workarounds like tabs for deeper hierarchies, as explicitly admitted in the README as a limitation.
Tightly coupled with Ionic 3 and Ionic-Angular 3.9.2, making it obsolete for projects on newer Ionic versions without significant migration effort.
Utilizing decorators for selection syncing necessitates a non-standard injector setup in the app module, adding boilerplate and complexity compared to simpler solutions.