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
Example
// 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