Properties
Lists the Lottie-Player properties for playing animations.
Last updated
Lists the Lottie-Player properties for playing animations.
Last updated
Property | Description | Type | Default Value |
---|---|---|---|
autoplay
When set to true
, automatically plays the animation on loading it.
boolean
false
background
Background color. By default, the background is transparent and will take the color of the parent container.
string
Not defined
controls
When set to true
, displays player controls
boolean
false
count
Number of times to loop the animation
number
Not defined
direction
Direction of the animation. Set to 1 to play the animation forward or set to -1 to play it backward.
number - Either 1 or -1
1
hover
When set to true
, plays animation on mouse over
boolean
false
loop
When set to true
, loops the animation. The count
property defines the number of times to loop the animation.
Setting the count
property to 0 and setting loop
to true
, loops the animation indefinitely.
boolean
false
mode
Play mode. Setting the mode to PlayMode.Bounce
plays the animation in an indefinite cycle, forwards and then backwards.
Either PlayMode.Bounce
or PlayMode.Normal
PlayMode.Normal
preserveAspectRatio
Valid value to preserve the aspect ratio. See the Mozilla documentation for more information.
string
xMidYMid meet
renderer
The renderer to use for the animation
string - Either 'svg', 'html' or 'canvas'
svg
speed
Animation speed. Set this parameter to any positive number.
number
1
src
The animation to play, either Bodymovin JSON data or a URL to a JSON file. This parameter is mandatory.
string
undefined
intermission
Duration (in milliseconds) to pause before playing each cycle in a looped animation. Set this parameter to 0 (no pause) or any positive number.
number
1
disableCheck
Disables verification of the Lottie animation before loading it.
boolean
false