feat(docs): dynamic css use tailwind (#2646)

close #2626 --------- Co-authored-by: Marvin Hagemeister <[email protected]>
denoland · Sep 9, 2024 · 7e4a22f · 7e4a22f
1 parent 06bb426
commit 7e4a22f
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/docs/latest/examples/migrating-to-tailwind.md b/docs/latest/examples/migrating-to-tailwind.md
@@ -118,6 +118,15 @@ That's it! Now you can use Tailwind CSS in your project.
 > | `[data-current]:bg-red-600` | `data-[current]:bg-red-300` |
 > | `[aria-current]:bg-red-600` | `aria-[current]:bg-red-300` |
 
+> [warn]: Tailwind CSS does not allow you to generate and apply CSS classes
+> dynamically, which means you need to explicitly specify the class you want to
+> apply. In other words, to use dynamic classes, you need to ensure that they
+> are present in the final CSS file.
+>
+> | Twind                             | Tailwind CSS                                                 |
+> | --------------------------------- | ------------------------------------------------------------ |
+> | `<a class={`link-${color}`}></a>` | `<a class={color === 'blue' ?`link-blue`:`link-green`}></a>` |
+
 ## Frequently Asked Questions (FAQ)
 
 ### What are the differences between twind and Tailwind CSS?