search

dielduarte / animate-css-styled-components

simple port of animate css for styled-components
https://dielduarte.github.io/animate-css-styled-components/
190 stars 8 forks source link

How to use with reactstrap modal #15

Closed ehdgua01 closed 5 years ago

ehdgua01 commented 5 years ago

reactstrap: 8.0.0 styled-components: 4.2.0 animate-css-styled-components: 1.0.2

i use Modal component under Animate component but that is not working How shall I do it?

ehdgua01 commented 5 years ago

How about setting up an animation target?

dielduarte commented 5 years ago

hey! could you provide an example? hosted in somewhere or repository that I can see the actual code. thanks!

ehdgua01 commented 5 years ago

how about this?

<Animate Animation=[Bounce] duration="1s" delay="0.1s" targetClassName="modal-content">
    <Modal />
</Animate>
dielduarte commented 5 years ago

my guess is that I'm not passing external props to the animate component as you are using targetClassName and that prop aren't propagated. I'll do some tests and if is that the problem it's easy to solve.

ehdgua01 commented 5 years ago

you are right. reactstrap modal is under the wrapper component If it solve, Can you let me know? thank you.