Animation in Blazor Components

6 Dec 20231 minute to read

This section provides information about the animation process and how to enable/disable it globally for Syncfusion Blazor Components.

Enable or disable animation globally

You can enable or disable animation for all Syncfusion Blazor Component’s globally by setting GlobalOptions.Animation property while registering the Syncfusion Blazor service, with one of below options,

• Enable - Enables the animation for all components regardless of individual component’s animation settings.
• Disable - Disables the animation for all components regardless of individual component’s animation settings.
• Default - Animation is enabled or disabled based on component’s animation settings.

In the below code example animation is disabled.

~/Program.cs

using Syncfusion.Blazor;
....
builder.Services.AddSyncfusionBlazor(options => { options.Animation = GlobalAnimationMode.Disable; });

NOTE

GlobalOptions.Animation property controls script level animations only and it is not applicable for direct CSS level animations (Animation defined from CSSs classes/properties).