13:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"Hey guys, I am following nextjs official docs on setting up mdx pages, everything working fine except the tailwind styles to custom components isn't being applied.
Following is the link to codesandbox:
https://codesandbox.io/p/github/bibaswan7/blog-temp/master?import=true

I tried going through docs, Leerob's blog github repo but nothing seems to be working"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[]}]] 14:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"add \"./mdx-components.tsx\", to the content array in tailwind.config.ts"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[]}]] 17:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"add \"./mdx-components.tsx\", to the content array in tailwind.config.ts"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[]}]] 18:[["$","div",null,{"className":"opacity-90 break-words","dangerouslySetInnerHTML":{"__html":"thanks joulev, its working now. They should have mentioned this part in the official docs"}}],["$","div",null,{"className":"mt-0.5 w-full max-w-[550px] space-y-1","children":[]}]]

tailwind styles not being applied to mdx content

2 Replies