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.
3 Replies
check the content field in you tailwind config. Are shadcn components in the directory specified there?
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!
đź‘Ť