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

Import

import { SpeedDial } from '@rneui/themed';

Theme Key

SpeedDial

Props

note

Includes all Button, FAB props.

Name	Type	Default	Description
backdropPressableProps	PressableProps		Props for Backdrop Pressable
children	SpeedDial.Action		SpeedDial Action as children.
isOpen	boolean	false	Opens the action stack.
labelPressable	boolean		onPress on Label Press for all Actions
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.

Playground

Loading...