How do I align the text in centre? about react-text-transition

[WinterCore]

Yeah I know. I'm looking into it. Just give me some time 😉

[WinterCore]

Hey @raghav4.

Normally you would just have to add the inline prop. but that didn't work because the text was being wrapped on multiple lines (the width calculation was always wrong).
So I just had to add white-space: nowrap to the container.

Here's an updated codesandbox example.

Make sure to update to the latest version 1.1.0 and provide the inline prop.

Thanks for reporting this 😃.

[WinterCore]

Have you tried removing the inline prop, the text should automatically break into multiple lines.

Sometimes changing props needs a full-page refresh in order for it to work. I'll work on fixing that soon.

[raghav4]

I've tried aligning the text using the custom styling, style={{ textAlign: "centre !important" }} but it didn't work too.

[raghav4]

Yeah I know. I'm looking into it. Just give me some time 😉

Justed wanted you to know! Thanks 😅

[WinterCore]

Resolved in GH-11

[raghav4]

Thank you @WinterCore, it worked. Testing out some other things as well might report them too!

[WinterCore]

Hey @raghav4.

is it possible to use this as a component to animate the <textarea>{'Animate The text Inside'}</textarea>

I'm not sure that's possible. Maybe you can try this other package react-text-loop

Sorry for interrupting again, it doesn't work for paragraphs. I tried it for lorem ipsum placeholder text, it should have given a responsive behaviour.

Have you tried removing the inline prop, the text should automatically break into multiple lines.

Let me know if you need anything else 😀.

[raghav4]

Have you tried removing the inline prop, the text should automatically break into multiple lines.

Sometimes changing props need a full-page refresh in order for it to work. I'll work on fixing that soon.

Yes, exactly as you're saying. Thank you! 😄