WaveMaker - Widgets API Documentation
  1. Classes
  2. Lottie

File

projects/components/widgets/basic/lottie/lottie.directive.doc.ts

Description

The wmLottie directive defines the Lottie widget.

Index

Methods
Inputs

Methods

onComplete
onComplete($event: MouseEvent, widget: any)

Callback function which will be triggered when the animation is completed.

Parameters :
Name Type Optional Description
$event MouseEvent No

event on which call back is triggered
widget any No

Instance of the button widget
Returns : void
onPause
onPause($event: MouseEvent, widget: any)

Callback function which will be triggered when the animation is paused.

Parameters :
Name Type Optional Description
$event MouseEvent No

event on which call back is triggered
widget any No

Instance of the button widget
Returns : void
onPlay
onPlay($event: MouseEvent, widget: any)

Callback function which will be triggered when the animation is about to start play.

Parameters :
Name Type Optional Description
$event MouseEvent No

event on which call back is triggered
widget any No

Instance of the button widget
Returns : void
onReady
onReady($event: MouseEvent, widget: any)

Callback function which will be triggered when the animation is loaded.

Parameters :
Name Type Optional Description
$event MouseEvent No

event on which call back is triggered
widget any No

Instance of the button widget
Returns : void

Inputs

autoplay
Type : boolean
Default value : false

This property will be used to play the animation automatically.
class
Type : string

Class of the widget.
height
Type : any

This property specifies the height of Lottie wiget.
loop
Type : boolean
Default value : false

This property will be used to play the animation repeatedly.
name
Type : string

Name of the Lottie widget.
show
Type : boolean
Default value : true

This property will be used to show/hide the Lottie widget.

Bindable: true
source
Type : any

This property specifies the source of Lottie animation.
speed
Type : number
Default value : 1

This property will decide the speed at which animation has to be played.
Negative level will make the animation to run in reverse.
width
Type : any

This property specifies the width of Lottie widget.

results matching ""

    No results matching ""