Alpha: Editor React Components are currently in alpha. This feature is subject to change and may have bugs, issues, and limitations. We're actively improving it based on your feedback.
The interactions property controls which animation options appear in the editor's animation panel. It's configured with the following 2 concepts:
You can define interactions in editorElement and in elements of type inlineElement.
Each interactions object accepts the following properties:
Animation and interaction triggers that this element supports.
Specifies which part of the component animation effects apply to. If omitted, effects apply to the entire component.
Use when you want to give Wix users access to all animation types. Good default for most components.
Use for components that should animate in and respond to scrolling, but don't need looping or mouse-tracking. Good for static content like headings, cards, or badges.
Use for sections or wrappers where the background should animate independently of the content inside. The 'background' effect group targets just the background layer.
Use for image or video components where the media itself should animate. The 'background' effect group applies effects to the media layer.