Unlike traditional CSS frameworks, with predefined styles that you can override, Tailwind allows developers to build designs directly into JSX using utility classes. Its compiler scans these files and generates only the necessary CSS. This is an excellent way to optimize CSS along with its JavaScript counterparts.
When creating a UI library with Tailwind support, Bit provides a Plugin, Custom Env for Tailwind and a Transformer that compiles the CSS for component preview and the final bundle. Tailwind compilation needs to be adopted at a granular level to develop and preview each component in isolation.
[
add
]
[
|
|
...
]