menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class AccordionAnimationExpand - Blazor API Reference | Syncfusion

    Show / Hide Table of Contents

    Class AccordionAnimationExpand

    A class that represents the animation to appear while expanding the AccordionItem.

    Inheritance
    System.Object
    AccordionAnimationExpand
    Namespace: Syncfusion.Blazor.Navigations
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public class AccordionAnimationExpand : OwningComponentBase
    Remarks

    You can apply the animation effect and transform duration for accordion expand action by specifying value to corresponding property.

    Examples
    <SfAccordion>
        <AccordionAnimationSettings>
            <AccordionAnimationExpand Effect="AnimationEffect.FadeIn" Duration="300"></AccordionAnimationExpand>
        </AccordionAnimationSettings>
    </SfAccordion> 

    Constructors

    AccordionAnimationExpand()

    Declaration
    public AccordionAnimationExpand()

    Properties

    Duration

    Gets or sets the time duration to transform content on expand action.

    Declaration
    public int Duration { get; set; }
    Property Value
    Type Description
    System.Int32

    If we set the duration value, then the content transforms with in specified duration otherwise the default duration value 400 is set.

    Remarks

    The interval value accepts in milliseconds.

    Examples
     
    <SfAccordion>
        <AccordionAnimationSettings>
            <AccordionAnimationExpand Duration="500"></AccordionAnimationExpand>
        </AccordionAnimationSettings>
    </SfAccordion> 

    Easing

    Gets or sets the easing effect applied when transforming the content.

    Declaration
    public string Easing { get; set; }
    Property Value
    Type Description
    System.String

    If we set the easing value, then the specified easing effect is applied for expand action otherwise the default easing value linear is set.

    Remarks

    This property will accepts the animation-timing-function css values to apply content transition accordingly.

    Effect

    Gets or sets the animation effect for accordion item expand action.

    Declaration
    public AnimationEffect Effect { get; set; }
    Property Value
    Type Description
    AnimationEffect

    One of the AnimationEffect enumeration. The default value is SlideDown

    Remarks

    Animation effect were disabled by setting None to Effect property.

    Examples
     
    <SfAccordion>
        <AccordionAnimationSettings>
            <AccordionAnimationExpand Effect="AnimationEffect.SlideUp"></AccordionAnimationExpand>
        </AccordionAnimationSettings>
    </SfAccordion> 

    Methods

    Dispose(Boolean)

    Dispose unmanaged resources in the Syncfusion Blazor component.

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

    Boolean value to dispose the object.

    OnInitializedAsync()

    Method invoked when the component is ready to start.

    Declaration
    protected override Task OnInitializedAsync()
    Returns
    Type Description
    System.Threading.Tasks.Task

    A System.Threading.Tasks.Task representing any asynchronous operation.

    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved