Framework integration
Tailwind can be used with Vue, Svelte and other component frameworks. The key idea remains the same: keep the main Tailwind stylesheet available to the build system and ensure component source files are detected.
Component-local CSS
If you use @apply or @variant inside component style blocks or CSS modules, use @reference when required so Tailwind can access the shared theme and utilities without duplicating the stylesheet.
Prefer utility composition for component-specific styling
Use component-local CSS when you genuinely need CSS selectors or third-party integration. Do not create a second styling system unnecessarily.
ADVERTISEMENT