Use Case: Mobile-Friendly Hamburger Menu

Scenario: Mobile users should be able to open the menu by clicking on the ☰ icon in the upper left corner of the screen and close the menu again with the same icon.

Application Steps:

  1. Add a Menu element to the UI screen.
  2. Place an Icon element.
    • Icon: Hamburger (☰)
  3. Define the following action for the icon:
    • OnClick → UI Control → Toggle Menu Collapse
    • Component to Change: hamburgerMenu

This structure allows users to easily open and close the menu and use the application area more efficiently.