Use Case: Mobile Side Menu Control

In a mobile application, when the user clicks on the menu icon in the upper left corner, the left menu should open and close when clicked again.

Application Steps:

  1. Add a Menu element in the UI Design module.
  2. Add a Button or Icon element (e.g., the three-lined menu icon).
  3. Select this element and add the following action from the +ADD ACTION menu:
    • OnClick → UI Control → Toggle Menu Collapse
  4. Action Parameter:
    • Component to Change: MobileNav

This allows users to open and close the menu by clicking the icon.