Multiline underline transition

For a project I had to implement an underline transition on text links. For single line transitions there are lot of examples where you set a background on a pseudo element. For multiline I had look a bit harder. I found this great example for multiline underline transitions. I tweaked it a bit so the animation flows from left to right. See below for a React implementation (extending MUI’s Link component).