feat: add enabled prop in StaggerProps #2
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description:
This pull request introduces a valuable enhancement to the
Stagger
component. We have added a newenabled
prop, which allows users to control the behavior of staggered animations. Whenenabled
is set totrue
, the staggered animations will be applied as usual. However, when set tofalse
, the animations will be disabled, and all child components will be rendered without any animation.Motivation:
The addition of the
enabled
prop provides greater flexibility and control to developers using theStagger
component. It allows them to easily toggle the staggered animations on and off based on their specific application requirements. This feature can be particularly useful in scenarios where dynamic animation control is needed, enhancing the overall user experience.Usage:
To disable staggered animations and render child components without animations, simply set the
enabled
prop tofalse
when using theStagger
component.By default,
enabled
is set totrue
, ensuring that the existing behavior of staggered animations remains unchanged.