New to Kendo UI for Vue? Start a free 30-day trial
FloatingActionButton Speed Dial
Updated on Nov 11, 2026
The FloatingActionButton can display a speed dial, which is a stack of related actions that opens when users click the button. Set the items property to provide the actions.
The following demo shows a speed dial with custom-rendered contact items.
Loading ...
Animation
The speed dial opens its item list in a popup. By default, the popup animates when the speed dial opens and closes. To disable the animation, set the animate field of the popupSettings property to false.
To control the animation speed, set animate to an object and specify openDuration and closeDuration in milliseconds.
The following demo lets you toggle the popup animation and adjust the open and close durations.
Loading ...