Speed dial

This pattern recreates the popular speed dial animation you see in mobile apps and websites. The floating action button brings out related actions upon tap. The button remains on screen after the actions menu is expanded.

A container is added to the canvas, including 3 states. One for the idle state, one for actions expanded and one for closed. When the primary button is tapped, the container changes to the expanded state with a transition. When you tap on an action, it closes with a transition and goes back to idle. You can edit and customize icons, labels, interactions, and transitions. 

Have more questions? Submit a request