1.0.23 • Published 2 years ago
react-animount v1.0.23
React AniMount
React Component, triggers css animation on mount and unmount component.
- Library ignores remounting the component.
- Library observing unmounting the component and clones own animated element
- When animation is ended, react component replacing itself
Available animations
getOpacityStartHandle
- opacity animation on startgetOpacityEndHandle
- opacity animation on endgetSlideDownStartHandle
- slideDown animation on startgetSlideDownEndHandle
- slideDown animation on endgetSlideRightStartHandle
- slideRight animation on startgetSlideRightEndHandle
- slideRight animation on endgetSlideUpStartHandle
- slideUp animation on startgetSlideUpEndHandle
- slideUp animation on endgetSlideDownStartHandle
- slideDown animation on startgetSlideDownEndHandle
- slideDown animation on end
Usage
import { Animation, getSlideDownStartHandle, getSlideDownEndHandle } from 'react-animount';
const ANIMATION_DURATION = 200;
export const App = () => (
<Animation
duration={ANIMATION_DURATION}
onAnimationStart={getSlideDownStartHandle(ANIMATION_DURATION)}
onAnimationEnd={getSlideDownEndHandle(ANIMATION_DURATION)}
>
<div>Animated Section On Mount & Unmount</div>
</Animation>
);
Also check typedoc, referenced in Animation.tsx
Contribute
Open to contribute
1.0.23
2 years ago
1.0.22
2 years ago
1.0.21
2 years ago
1.0.20
2 years ago
1.0.19
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.16
2 years ago
1.0.15
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago