A Sleek context menu built specifically for Bubble Native. Offering up to six customizable options, allowing custom icons and colors.
𝗟𝗲𝗮𝗿𝗻 𝘁𝗼 𝗯𝘂𝗶𝗹𝗱 𝗽𝗹𝘂𝗴𝗶𝗻𝘀 𝟭𝟬𝘅 𝗳𝗮𝘀𝘁𝗲𝗿 𝘄𝗶𝘁𝗵 𝗔𝗜. 𝗡𝗼 𝗰𝗼𝗱𝗶𝗻𝗴 𝗿𝗲𝗾𝘂𝗶𝗿𝗲𝗱: https://hicue.app/course/070714

Features

🎯 Smart Positioning - Automatically positions the menu to stay within viewport bounds, appearing above or below the trigger element as needed.

🎨 Fully Customizable - Add your own text, SVG icons, and colors for each menu option to match your app's design.

📱 Native Performance - Built with React Native for smooth animations and responsive touch interactions.

⚡ Easy Integration - Simple setup with Bubble's native workflow system - just configure your options and trigger events.

🎪 Flexible Layout - Supports both left and right positioning with intelligent space detection to prevent overflow.

💫 Smooth Animations - Fade-in/out transitions with proper modal overlay for professional user experience.


Preview:
https://mobile-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=context-menu

Editor:
https://bubble.io/page?id=mobile-plugins&test_plugin=1750164841711x583193346605580300_current&tab=Design&name=context-menu&type=page&elements=bTJRu

Service link: https://buildlaunch.dev


Instructions:

1. Drop Menu element on the view or within a list element.
2. Run the "Show" workflow action to show the menu.
3. Clicking an option fires event.
4. Get icon svg from fonts.google.com/icons. Recommended size 24x24 px

5. How to Pass in Options

Concatenate Label, SVG, and Color

For instance:
Share <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 9...</svg> #EA3323