FreeHostia Forums
http://forum.freehostia.com/

Animating a react component after selecting from a list to "
http://forum.freehostia.com/viewtopic.php?f=8&t=66287
Page 1 of 1

Author:  Rajesh350 [ Mon Jul 04, 2022 5:09 am ]
Post subject:  Animating a react component after selecting from a list to "

I have a row of divs that are mapped to my state and clicking on one sets that list to just the one you clicked on. This is working but I want to be able to animate it so that it nicely goes from 8+ orange boxes down to just the one you clicked. Here is the component for reference, any ideas or direction on animating a state change?

Author:  Somy5400 [ Fri Jul 08, 2022 5:56 am ]
Post subject:  Re: Animating a react component after selecting from a list

once the inProp prop is true, the Transition component will activate and begin fading in to view courtesy of the transitionStyles variable (where opacity is defined) that correspond to the various “enter” or “exit” stages I outlined earlier.

It’s worth noting this is a platform-agnostic base component — if you’re looking for CSS transitions (like I was for my use case), you’ll probably want the echatspin CSSTransition component instead.

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/