SpeedDial

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.

Usage

Props

note

Includes all Button, FAB props.

Name	Type	Default	Description
backdropPressableProps	PressableProps		Props for Backdrop Pressable
children	ReactChild[] and ReactNode		SpeedDial Action as children.
isOpen	boolean		Opens the action stack.
onClose	Function	Function	Callback fired when the component requests to be closed.
onOpen	Function	Function	Callback fired when the component requests to be open.
openIcon	IconNode		Icon shown on FAB when action stack is open.
overlayColor	string		Add overlay color to the speed dial.
transitionDuration	number	150	The duration for the transition, in milliseconds.