ACTIONS · 18 / 89
SpeedDial
SpeedDial — a Material You actions component for React Native and web.
packages/ui/src/components/SpeedDial.tsx
Usage
<SpeedDial mainIcon="plus" />
Variants
The states and shapes this component is meant to be used in.
On a surface
Shared drive
Team Design · 128 files
Brand guidelines.pdf
Q3 roadmap.key
Component audit.xlsx
Expanded
`defaultOpen` mounts the stack already expanded - the only way to see the labels statically.
Shared drive
Team Design · 128 files
Bottom left
position="bottom-left"
The trigger anchors to the chosen corner; the labelled actions expand above it on press.
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
MaterialCommunityIconsGlyphs
boolean
default: false
Mount with the action stack already expanded. Uncontrolled after that.
SpeedDialPosition
default: "bottom-right"