Class AccordionAnimationCollapse

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

Inheritance

System.Object

AccordionAnimationCollapse

Namespace: Syncfusion.Blazor.Navigations

Assembly: Syncfusion.Blazor.dll

Syntax

public class AccordionAnimationCollapse : OwningComponentBase

Remarks

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

Examples

<SfAccordion>
    <AccordionAnimationSettings>
        <AccordionAnimationCollapse Effect="AnimationEffect.FadeOut" Duration="300"></AccordionAnimationCollapse>
    </AccordionAnimationSettings>
</SfAccordion> 

Constructors

AccordionAnimationCollapse()

Declaration

public AccordionAnimationCollapse()

Properties

Duration

Gets or sets the time duration to transform content on collapse 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>
        <AccordionAnimationCollapse Duration="500"></AccordionAnimationCollapse>
    </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 collapse action.

Declaration

public AnimationEffect Effect { get; set; }

Property Value

Type	Description
AnimationEffect	One of the AnimationEffect enumeration. The default value is SlideUp

Remarks

Animation effect were disabled by setting None to Effect property.

Examples

 
<SfAccordion>
    <AccordionAnimationSettings>
        <AccordionAnimationCollapse Effect="AnimationEffect.SlideDown"></AccordionAnimationCollapse>
    </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.