Navigation
Floating Speed Dial
Create an expandable floating menu with a primary button, labeled child actions, positioning, colors, and rules.
Before you start
- Two or more related shortcut actions
- Short labels and URLs
Configure and verify
Choose position
Place the control where it clears app content and bottom navigation, then position labels inside the screen.
Style the main button
Choose its icon and theme colors.
Create child actions
Add an icon, label, URL, and colors for each action. Keep the list short.
Set visibility
Hide the menu on forms, payment interfaces, or full-screen media.
Test expansion
Verify labels do not clip, actions remain tappable, the menu closes after selection, and bottom navigation stays visible.
Runtime behavior
Child items and settings can be changed for the current session through update_settings.
Design guidance
Test before release
- Labels stay on-screen
- Every child URL works
- Expanded items clear bottom navigation
- The menu closes predictably