shadcn/ui components are not rendering.

Hi, I've recently started testing T3 stack and I'm trying to implement some shadcn ui's however when I use the components the styles are not being applied even though when I inspect the element I can see it has all the tailwind css styles implied to the element. If you could see my screenshot for an example. I'm using the default button component and as you can see from the screenshot no style is applied even though its clearly there.
No description
3 Replies
Matvey
Matvey14mo ago
check the content field in you tailwind config. Are shadcn components in the directory specified there?
botman0040
botman004014mo ago
Hey @ronanru good catch. It wasn't listed under content and I just added it. / @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages//.{ts,tsx}", "./components/**/.{ts,tsx}", "./app//*.{ts,tsx}", "./src//.{ts,tsx}", ".@/components/**/.{ts,tsx}", ], It's still not picking up the styles however. Hey @ronanru actually there was a typo in my config. Looks like your advice work!
Matvey
Matvey14mo ago
👍
Want results from more Discord servers?
Add your server