Tailwind v4 example?

[KiryUp]

Hi ! first of all thanks for working on tailwind integration on .net ! and thanks for sharing, that's awesome !
I just looked at the example provided in the repo, and i can see it's still using the old Tailwind 3x way of doing things.
I would like to confirm with you first if it's working with tailwind V4 and what would be the adjustments we would have to do if we start from the existing sample?

Best would be to have a v4 sample of course but don't want to ask too much.
thx

[kallebysantos]

Hey @KiryUp,
This integration works for both versions out-of-box, if you follow the readme its already using the v4 as suggestion.

The Blazor .NET 8 example is using v3 while .NET 9 is targeting the latest version.

still using the old Tailwind 3x way of doing things

You may notice that I paste all available <PropertyGroup> variables in the Blazor .NET 8 but its just to illustrate, by default you don't need to override anything.

Best would be to have a v4 sample

I don't think that its necessary since the only diferences are:

v3 setup

.csproj file

  <PropertyGroup>
    <TailwindVersion>3.4.17</TailwindVersion>
  </PropertyGroup>

Then ensures that tailwind.config.js exists

 /** @type {import('tailwindcss').Config} */
export default {
   content: ["./src/**/*.{html,cshtml,razor}"],
   theme: {
     extend: {},
   },
   plugins: [],
 }

v4 setup

.csproj file

  <PropertyGroup>
    <TailwindVersion>latest</TailwindVersion>
   <!-- or use as fixed version -->
   <TailwindVersion>v4.0.14</TailwindVersion>
  </PropertyGroup>

Maybe I will update the Examples section with better names

---

docs patched at 16c1bbc

[kallebysantos]

I'm closing it for now 😊
feel free to re-open it if you need 💚

---

btw, I'm running tailwindlabs/tailwindcss.com#2162 to add this project as standard framework guide, live demo

I would be so glad for any upvotes on that 💚