Class SpeedDialAnimationEffect

Controls the animation effect applied when the speed dial items open and close.

Inheritance

System.Object

SpeedDialAnimationEffect

Namespace: Syncfusion.Blazor.Buttons

Assembly: Syncfusion.Blazor.dll

Syntax

public sealed class SpeedDialAnimationEffect : Enum

Remarks

This enumeration allows you to select a specific animation, such as fade, slide, flip, or zoom, to be used in visual transitions when displaying or hiding speed dial action items.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FadeZoom" />

Fields

Fade

Applies the Fade animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect Fade

Field Value

Type	Description
SpeedDialAnimationEffect	Fade in/out effect.

Remarks

Visually fades the speed dial items in and out.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.Fade" />

FadeZoom

Applies the FadeZoom animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FadeZoom

Field Value

Type	Description
SpeedDialAnimationEffect	The items fade and zoom simultaneously.

Remarks

Provides a combined fading and scaling animation for extra emphasis.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FadeZoom" />

FlipLeftDown

Applies the FlipLeftDown animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipLeftDown

Field Value

Type	Description
SpeedDialAnimationEffect	Flips items down from left.

Remarks

Creates a left-down flipping animation.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipLeftDown" />

FlipLeftUp

Applies the FlipLeftUp animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipLeftUp

Field Value

Type	Description
SpeedDialAnimationEffect	Flips items up from left.

Remarks

Creates a left-up flipping animation.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipLeftUp" />

FlipRightDown

Applies the FlipRightDown animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipRightDown

Field Value

Type	Description
SpeedDialAnimationEffect	Flips items down from right.

Remarks

Creates a right-down flipping animation.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipRightDown" />

FlipRightUp

Applies the FlipRightUp animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipRightUp

Field Value

Type	Description
SpeedDialAnimationEffect	Flips items up from right.

Remarks

Creates a right-up flipping animation.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipRightUp" />

FlipXDown

Applies the FlipXDown animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipXDown

Field Value

Type	Description
SpeedDialAnimationEffect	X-axis flip down.

Remarks

Flips items down on X axis.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipXDown" />

FlipXUp

Applies the FlipXUp animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipXUp

Field Value

Type	Description
SpeedDialAnimationEffect	X-axis flip up.

Remarks

Flips items up on X axis.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipXUp" />

FlipYLeft

Applies the FlipYLeft animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipYLeft

Field Value

Type	Description
SpeedDialAnimationEffect	Y-axis flip left.

Remarks

Flips items left on Y axis.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipYLeft" />

FlipYRight

Applies the FlipYRight animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect FlipYRight

Field Value

Type	Description
SpeedDialAnimationEffect	Y-axis flip right.

Remarks

Flips items right on Y axis.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.FlipYRight" />

None

No animation effect is applied when opening or closing speed dial action items.

Declaration

public const SpeedDialAnimationEffect None

Field Value

Type	Description
SpeedDialAnimationEffect	No animation.

Remarks

Use this value to disable animation transitions for speed dial actions.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.None" />

SlideBottom

Applies the SlideBottom animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect SlideBottom

Field Value

Type	Description
SpeedDialAnimationEffect	Slides from bottom.

Remarks

Animates the items from the bottom edge upward.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.SlideBottom" />

SlideLeft

Applies the SlideLeft animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect SlideLeft

Field Value

Type	Description
SpeedDialAnimationEffect	Slides from left.

Remarks

Animates the items from the left edge right-ward.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.SlideLeft" />

SlideRight

Applies the SlideRight animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect SlideRight

Field Value

Type	Description
SpeedDialAnimationEffect	Slides from right.

Remarks

Animates the items from the right edge left-ward.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.SlideRight" />

SlideTop

Applies the SlideTop animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect SlideTop

Field Value

Type	Description
SpeedDialAnimationEffect	Slides from the top.

Remarks

Animates the items from the top edge downward.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.SlideTop" />

Zoom

Applies the Zoom animation effect during open/close transitions.

Declaration

public const SpeedDialAnimationEffect Zoom

Field Value

Type	Description
SpeedDialAnimationEffect	Zoom in/out.

Remarks

Animates scale in/out effect on item transitions.

Examples

<SfSpeedDial AnimationEffect="SpeedDialAnimationEffect.Zoom" />