<AnimatedEntry>

[tushar-singh]

Animated entrance/exit

• [ ] delay prop for delayed entry or staggered animation
• [ ] AnimatedStagger sub-component for staggered animation in small sections – all entries under one <Animated /> so there's only one listener
• [ ] Animation types
  • [ ] slide in [direction]
  • [ ] fade in
  • [ ] zoom-in
  • [ ] drop
• [ ] nowrap prop - dont use wrapping div. Requires a single html element child

---

Problems:

Staggering animation for elements present onscreen on initial render AND elements added via listener on scroll

example: blog listing