I am looking to create an animation for a stateless component that starts off with display:none
, and then becomes visible when the parent component's state changes. I want it to slide down like a dropdown menu effect.
I am new to animations and have been experimenting with some examples from this_link.
My progress so far can be seen in this Sandbox (https://codesandbox.io/s/0xrjp051pp).
Any assistance on achieving this effect would be greatly appreciated!