Class AccordionAnimationCollapse

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

Inheritance
object
ComponentBase
OwningComponentBase
SfOwningComponentBase
AccordionAnimationCollapse
Implements
Inherited Members
Namespace: Syncfusion.Blazor.Navigations
Assembly: Syncfusion.Blazor.dll
Syntax
public class AccordionAnimationCollapse : SfOwningComponentBase, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
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
[Parameter]
public int Duration { get; set; }
Property Value
Type Description
int

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
[Parameter]
public string Easing { get; set; }
Property Value
Type Description
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
[Parameter]
[JsonConverter(typeof(JsonStringEnumConverter))]
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(bool)

Dispose unmanaged resources in the Syncfusion Blazor component.

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

Boolean value to dispose the object.
Overrides

OnInitializedAsync()

Method invoked when the component is ready to start.

Declaration
protected override Task OnInitializedAsync()
Returns
Type Description
Task

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

Implements