Skip to content

Latest commit

 

History

History
15 lines (11 loc) · 656 Bytes

README.md

File metadata and controls

15 lines (11 loc) · 656 Bytes

tw-to-stylex

A simpler code translator to convert code using Tailwind to code using StyleX

TODO

  • className={cn("m-1 text-red-500", prop.className)}

    • should become {..._stylex.props(styles.$1, prop.className)}
    • but is currently: {..._stylex.props(styles.$1)}

  • There might multiple stylex imports, but it should be fine.

  • It'll insert a second stylex.create call even when one exists

  • [-] Support this pattern: <div className={cn(hidden lg:inline-flex text-[${tokens.textColor}])} />

  • Add and use a custom tw function to behave like stylex.atom().

  • A Babel plugin for style:x={} instead of a spread