Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Transition] Document the grouping feature

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

It will be nice to have something like the AnimatePresence of Framer Motion for Material-UI transitions. This component creates a copy of the component after unmount. Then it animates the component unmount, and then it deletes the copy.

Motivation 🔦

When I have a list of components and I remove an item, I want to animate the unmounting process with a Material-UI transition.

If the list is being modified in different parts of the program, to create a timeout for animating, and then removing objects can get messy. Therefore, the approach of AnimatePresence that creates a copy of the component until the transition is done, is a cleaner approach for me.

Issue Analytics

State:
Created 3 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

2reactions

cjoeckercommented, Dec 18, 2020

@oliviertassinari Sure, I can do it 😃

0reactions

oliviertassinaricommented, Dec 18, 2020

@cjoecker Do you want to update the documentation to mention the grouping feature?

Top Results From Across the Web

[Transition] Document the grouping feature #24042 - GitHub

If the list is being modified in different parts of the program, to create a timeout for animating, and then removing objects can...

How to Organize a Recommendation Track Transition - W3C

The Working Group satisfies the Process Document's requirements for the transition. The Working Group records the decision to advance to Last Call. The...

transition - CSS: Cascading Style Sheets - MDN Web Docs

Transitions enable you to define the transition between two states of an element. Different states may be defined using pseudo-classes like : ...

React Transition Group

The Transition component lets you describe a transition from one component state to another over time with a simple declarative API.

Add, change, or remove transitions between slides

In the navigation pane, click the slide that you want to apply a transition to. To do that: On the View menu, click...