search

maxeth / react-type-animation

A React typewriter animation based on typical with extended functionality and customization.
https://react-type-animation.netlify.app/
MIT License
353 stars 25 forks source link

HTML / REACT ELEMENTS #12

Closed SklyerX closed 1 year ago

SklyerX commented 1 year ago

how can I make it type out HTML elements? I want to change the color of (for example) the first two letters to black and the next two to red.

maxeth commented 1 year ago

I believe you could change the styles of entire words/strings by changing the wrappers className or style attribute via React state with callbackFunctions, but single words won't work currently, because the package only compares and manipulates text (not child nodes, which would be required) inside one specific DOM node.

I agree that this would indeed be a great feature, but it would require fundamental changes to the code. I may look into this and see if I'd be able to find an easier solution to achieve what you described in the near future.

SklyerX commented 1 year ago

I see thanks!