SlideInAnimation
The SlideInAnimation component represents an animation that slides in the content from the left.
Behaviors
This component supports the following behaviors:
| Behavior | Properties |
|---|---|
| Animation | animation, animationOptions |
| Bookmark | bookmark, bookmarkLevel, bookmarkTitle, bookmarkOmitFromToc |
| Component Label | label, labelPosition, labelWidth, labelBreak, required, enabled, shrinkToLabel, style, readOnly |
| Publish/Subscribe | subscribeToTopic |
| Tooltip | tooltip, tooltipMarkdown, tooltipOptions |
| Styling Variant | variant |
Properties
animateWhenInView
Indicates whether the animation should start when the component is in view.
delay
default: 0
The delay before the animation starts in milliseconds
direction
default: "left"
The direction of the animation.
duration
The duration of the animation in milliseconds.
loop
default: false
Indicates whether the animation should loop
reverse
default: false
Indicates whether the animation should run in reverse
Events
started
Event fired when the animation starts
stopped
Event fired when the animation stops
Exposed Methods
start
Starts the animation
stop
Stops the animation
Styling
This component does not have any styles.