Tailwind Prefix Support

[zngly-vlad]

Problem Statement

I would like to propose adding an option to streamdown to specify a Tailwind CSS prefix.

This prefix would then be applied to all internal Tailwind classes that streamdown uses for its built-in typography and component styling and dark mode display of code blocks.

For example, if I use prefix(tw), all rendered elements by streamdown that would normally have:

flex would instead be rendered with tw:flex

This would allow streamdown's output to seamlessly integrate with a project's existing prefixed Tailwind setup.

Proposed Solution

@source "../node_modules/streamdown/dist/index.js" prefix(tw);

Alternatives Considered

No response

Use Case

@source "../node_modules/streamdown/dist/index.js" prefix(tw);

Priority

Important

Contribution

• I am willing to help implement this feature

Additional Context

No response

[Elawen-Carl]

我也遇到同样的问题了希望作者能够快速修复迭代

[msaspence]

My preferred solution for those of us not using Tailwind would be to have a compiled stylesheet with all styles prefixed with a .streamdown class on a wrapping div to isolate those styles and not have to add Tailwind as a dependency in our projects.

[grundmanise]

On that note, we’ve also run into a small issue when using Streamdown with Tailwind. Classes like bg-muted conflict with existing theme colors. Using a prefix would help avoid these clashes – for example, if Streamdown’s classes were optionally namespaced, like bg-streamdown-muted, they wouldn’t interfere with any existing themes.