CODEWITHSUNDEEP
cssreactjsanimationautocompletematerial-ui
Rodrigo Fernandes
Rodrigo Fernandes

Reputation: 127

Change underline Material UI Autocomplete animation

I am using a Material UI Autocomplete component in my project ( the "Faculdade" field ). However the animation/transition when I focus on this component consists on spreading from the middle out. I want the animation to be like the "Password" field. From the left to the right. But I do not know how can I change this. Does anyone know?

enter image description here

Upvotes: 0

Views: 700

Answers (1)

Stavm
Stavm

Reputation: 8131

I do not have prior experience with that specific library, but from a quick glimpe it looks like all you need to do is modify the left and the transform-origin props of the 2nd hr tag and you're good to go .

  left: 0px;
  transform-origin: left center;

quick example: https://stackblitz.com/edit/react-my-formsy-materialui-5setmg?file=style.css

Upvotes: 1

Related Questions