I'm using latest v11 KendoReact packages and Tailwind v4 and Vite 7.
I saw this example
And even though it does switch between themes, but I'm unable to get it to work with Tailwind. Seems like Kendo classes overwrite Tailwind's.
Also, Tailwind v4 docs states that we only put this in our .css file
@import "tailwindcss";
How do I get it to work in a way that if I do this
<Button
className="rounded-lg bg-blue-600 px-4 py-2 font-medium text-white shadow hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:outline-none"
>
Next Theme
</Button>
<Button themeColor={"primary"}>Primary</Button>
<Button disabled={true}>Disabled</Button>
The first button will have the Tailwind styling but the 2nd two will have the default Kendo styling?
Thanks!