Skip to main content
Version: Bleeding Edge 🚧

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.

Import

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

Usage

Props

note

Includes all Button, FAB props.

NameTypeDefaultDescription
backdropPressablePropsPressablePropsProps for Backdrop Pressable
childrenSpeedDial.ActionSpeedDial Action as children.
isOpenbooleanfalseOpens the action stack.
labelPressablebooleanonPress on Label Press for all Actions
onCloseFunctionFunctionCallback fired when the component requests to be closed.
onOpenFunctionFunctionCallback fired when the component requests to be open.
openIconIconNodeIcon shown on FAB when action stack is open.
overlayColorstringAdd overlay color to the speed dial.
transitionDurationnumber150The duration for the transition, in milliseconds.

Playground

Loading...