āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/imskyleen/animate-ui/icons/usage/persistence ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
persistOnAnimateEndThis allows the animation to remain in the animate state without returning to the initial state. This will have no impact in loop or when the animation ends in the same state as the initial state.
<ArrowRight persistOnAnimateEnd />
// or with AnimateIcon
<AnimateIcon persistOnAnimateEnd>
<ArrowRight />
</AnimateIcon>
initialOnAnimateEndThis allows you to set the initial state without transition at the end of the animation. Very useful for rotation animations, for example, which give the impression of returning to the initial state even though they have the rotation applied.
<ArrowRight initialOnAnimateEnd />
// or with AnimateIcon
<AnimateIcon initialOnAnimateEnd>
<ArrowRight />
</AnimateIcon>
completeOnStopThis allows the current animation to finish before returning to the initial state.
<ArrowRight completeOnStop />
// or with AnimateIcon
<AnimateIcon completeOnStop>
<ArrowRight />
</AnimateIcon>
<TypeTable type={{ initialOnAnimateEnd: { description: 'Whether to set the icon to the initial state after the animation ends.', type: 'boolean', required: false, default: 'false', }, persistOnAnimateEnd: { description: 'Whether to persist the animation after the animation ends.', type: 'boolean', required: false, default: 'false', }, completeOnStop: { description: 'Whether to complete the current animation on stop.', type: 'boolean', required: false, default: 'false', }, }} />
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā