🏷️

Menu: Slide Menu

What does it do?

Opens a menu that slides in from the left side of the screen. Any element linked to this screen will trigger the menu to open.

image

The Tag

[menu:slide]

Which layer can I put it on?

A top-level app page

How do I set it up in the design tool?

  1. On a blank app page, create a side menu design (it can be any width).
  2. image
  3. Create a 2nd-level container around the design (what you want to slide out).
  4. image
  5. Copy & paste the tag into the layer name of the top-level app page.
  6. image
  7. Link each menu item to the app page you want it to open.
  8. image

  9. Link the menu icon on any app page to the menu.
  10. 💡

    Make sure the Starting app page is on your "home" app page, not the menu page

    image

  11. Import to Bravo & preview on Bravo Vision 🚀

💾 Resources

👉 Sample Figma file