EkoLottieDecisionButton is an implementation of a DecisionButton which plays back
animation created in Adobe After Effects and exported for the web with Lottie
Note: In order to use this component, it’s required that your project imports Lottie, and passes the reference to the components

The component assumes your AE animations contains these markers:
Appear-Start, Appear-End, Idle-Start, Idle-End, Selected-Start, Selected-End, NotSelected-Start, NotSelected-End, Disappear-Selected-Start, Disappear-Selected-End, Disappear-NotSelected-Start, Disappear-NotSelected-End

See an example AE file and its output

See: EkoDecisionButton

// An example of overriding an existing Studio button with EkoLottieDecisionButton

import EkoUIComponents from 'EkoUIComponents';
import Lottie from 'lottie-web';
import buttonAnimation from "./lottie_button_data.json";

 player.ui.override("button_beginning_e3bdbd", EkoUIComponents.EkoLottieDecisionButton, {
    lottieData: buttonAnimation,
    Lottie: Lottie
  • Table of Contents
Rate this page: X
Tell us more!