CODEWITHSUNDEEP
reactjsanimationmaterial-uicreate-react-app
Waleed Tariq
Waleed Tariq

Reputation: 885

Add keyframes animation to material-ui styled component. React

I need to use key frames animation with react material-ui(version ^5.0.0). I'm using styled components to give style to my jsx elements. Now I need to use keyframes animation with in this styled component, but its giving me error. Previously I've used keyframes with in createStyle and it worked perfectly but now under styled component its not working. Would appreciate any help.

enter image description here

Upvotes: 4

Views: 4800

Answers (1)

Waleed Tariq
Waleed Tariq

Reputation: 885

Ah, I was importing the wrong module, it needed to be imported from import { styled } from "@mui/material/styles"; and not import { styled } from "@mui/styles"; . My bad. I still hope this helps somebody out there.

enter image description here

Upvotes: 4

Related Questions