It is currently Thu Oct 10, 2024 3:48 am


All times are UTC


Forum rules


Please click here to view the forum rules



Post new topic Reply to topic  [ 2 posts ] 
Author Message
 Post subject: Animating a react component after selecting from a list to "
PostPosted: Mon Jul 04, 2022 5:09 am 
Newbie
Newbie

Joined: Mon May 30, 2022 12:28 pm
Posts: 4
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?


Top
 Profile  
 
 Post subject: Re: Animating a react component after selecting from a list
PostPosted: Fri Jul 08, 2022 5:56 am 
Newbie
Newbie

Joined: Sat Jun 18, 2022 6:12 am
Posts: 4
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.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ]  Moderators: Moderators, Support Team

All times are UTC


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
cron
Hosting | Domains | Servers | Extras | Order | Support | Contacts | FreeHostia © 2011