Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature request: ability to use HTML instead of text in a multiline animation #22

Open
vincentteyssier opened this issue Apr 5, 2023 · 2 comments

Comments

@vincentteyssier
Copy link

Great plugin!
One use case of such a plugin is often to display someone writing code.
We might want to style the text to represent tags, values, attributes, etc... differently.
Or at least if too difficult it would be a great addition to be able to apply a distinct style to each line.

Thanks

@maxeth
Copy link
Owner

maxeth commented Apr 5, 2023

Hey,

this package was initially intended for simple text to keep the bundle size low.

You could maybe compose different animation components to make the illusion of multi-line typing like here #9 (comment) but even then, you'd only be able to style all of the text inside the wrapper, which wouldn't allow you to granularly style the text as you described.

Instead, you could maybe check out this package: https://www.npmjs.com/package/react-typing-animation. It's a bit old and not actively updated, but from what I know it's capable of doing exactly what you're looking for (keep in mind that it has a ~10x larger bundle size).

But yes, you're right, we could fork the code from the above linked package, optimize/extend it and export it as a separate component from this package at some point in the future but that won't be a quickly-done task.

@tomyedlp
Copy link

tomyedlp commented Dec 3, 2023

Is there a possibility to update this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants