Class DropDownMenuAnimationSettings

Configures the animation settings for the dropdown menu in a SfDropDownButton.

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
DropDownMenuAnimationSettings
Implements
Inherited Members
Namespace: Syncfusion.Blazor.SplitButtons
Assembly: Syncfusion.Blazor.dll
Syntax
public class DropDownMenuAnimationSettings : SfOwningComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Remarks

The DropDownMenuAnimationSettings class provides options to customize the transitional effects of the dropdown menu, including animation duration, easing, and visual effects.

Examples

The following example demonstrates how to apply a zoom-in animation effect to the SfDropDownButton popup.

<SfDropDownButton Content="Profile">
    <DropDownMenuItems>
        <DropDownMenuItem Text="Log out"></DropDownMenuItem>
    </DropDownMenuItems>
    <DropDownMenuAnimationSettings Effect="DropDownMenuAnimationEffect.ZoomIn" />
</SfDropDownButton>

Constructors

DropDownMenuAnimationSettings()

Declaration
public DropDownMenuAnimationSettings()

Properties

Duration

Gets or sets the duration, in milliseconds, for the dropdown menu animation.

Declaration
[Parameter]
public double Duration { get; set; }
Property Value
Type Description
double

A double value that specifies the animation duration. The default is 400.
Remarks

Use this property to adjust the speed of the animation.

  • A lower value (e.g., 200) results in a faster animation.
  • A higher value (e.g., 800) results in a slower animation.

Easing

Gets or sets the easing effect for the dropdown menu animation.

Declaration
[Parameter]
public string Easing { get; set; }
Property Value
Type Description
string

A string that specifies the easing effect. The default value is "ease".
Remarks

Easing functions specify the rate of change of a parameter over time. Examples of supported values include:

  • "ease": A transition effect with a slow start, fast acceleration, and slow end.
  • "ease-in": A transition effect with a slow start.
  • "ease-out": A transition effect with a slow end.
  • "linear": A transition effect with the same speed from start to end.

Effect

Gets or sets the animation effect for the dropdown menu's appearance and disappearance.

Declaration
[Parameter]
public DropDownMenuAnimationEffect Effect { get; set; }
Property Value
Type Description
DropDownMenuAnimationEffect

A DropDownMenuAnimationEffect enum that specifies the visual effect. The default is None.
Remarks

Available effects include:

  • None: No animation effect.
  • SlideDown: The dropdown menu slides down into view.
  • ZoomIn: The dropdown menu zooms in to appear.
  • FadeIn: The dropdown menu fades in.
This property allows for a more visually engaging user experience.

Methods

Dispose(bool)

Releases the resources used by the component.

Declaration
protected override void Dispose(bool disposing)
Parameters
Type Name Description
bool disposing

A bool that indicates whether the component is being disposed.
Overrides

OnInitializedAsync()

Initializes the component and updates the parent's animation settings.

Declaration
protected override Task OnInitializedAsync()
Returns
Type Description
Task

A Task that represents the asynchronous initialization process.
Overrides

OnParametersSetAsync()

Updates the parent's animation settings when parameters change.

Declaration
protected override Task OnParametersSetAsync()
Returns
Type Description
Task

A Task that represents the asynchronous parameter set process.
Overrides

Implements