I want to create my site to show my components slide in from right to left. So when I go start the application the page is blank and then component1 slides in to the center from the right, when I progress from that state to the next, I want component1 to slide of stage to the left and component2 to slide in from the right and stop in the center of the page, like how component1 entered. I also want to reverse this, so when I go from component2 to component1, that 2 slides to the right off stage, 1 slides to the right on stage.
I hope that all makes sense.
I am trying to figure out the best way to accomplish this. At first I thought each component would have a "Left" "Center" and "Right" state of their own, and I would also have states for the overall project, but when I tell component1 to go to state "Left" and I then switch the project's state, it doesn't wait for component1 to finish, it switches them both at the same time. Can I sequence transitions (both from a component and from the overall project)?
Should I have each component not have any states of their own and just control everything in the project's states? I was hoping to make them easily transferable between projects and contain their transitions (because I won't be ableto do this once I start doing more complex transitions).
Any ideas on how to go about this?
I have since gotten rid of all of the states in my components and I am now controlling all of the motion and transitions with many states in Builder and it works well for this type of transition. This is not ideal as once I want complicated transitions (sub elements moving around) I will have to add states to components, but I will use simple transitions for now.