Version: Next

Speed Dial

When pressed, a floating action button can display three to six related actions in the form of a speed dial. If more than six actions are needed, something other than a FAB should be used to present them. Upon press, the FAB remains visible and emits a stack of related actions. If the FAB is tapped in this state, it should either initiate its default action or close the speed dial actions.

Speed Dial

Usage#


Props#

Also receives all FAB props except size


Reference#

isOpen#

Opens the action stack

TypeDefault
booleanfalse

openIcon#

Icon shown on FAB when action stack is open

TypeDefault
IconNodenone

transitionDuration#

The duration for the transition, in milliseconds.

TypeDefault
Number150

onOpen#

Callback fired when the component requests to be open.

TypeDefault
functionnone

onClose#

Callback fired when the component requests to be closed.

TypeDefault
functionnone


Child Components#

SpeedDial.Action#

Receives all FAB props.