search

resend / react-email

💌 Build and send emails using React
https://react.email
MIT License
12.57k stars 571 forks source link

Heading component is missing when you use Tailwind #1404

Closed jxh0414com closed 1 month ago

jxh0414com commented 1 month ago

Describe the Bug

When you wrap Body with Tailwind whenever I use Heading inside the body, its not showing up in the 'email dev', if i remove the tailwind, the Heading component show back up? Any fix or am i doing it wrong somehow?

Also how do reset all the component's css? like Text has margin i want to reset them.

Which package is affected (leave empty if unsure)

@react-email/tailwind

Link to the code that reproduces this issue

none

To Reproduce

<Html>
  <Head />
  <Preview>{previewText}</Preview>
  <Tailwind>
    <Body className="bg-white my-auto mx-auto font-sans px-2">
      <Heading className="text-black text-[24px] font-normal text-center p-0 my-[30px] mx-0">
        Join <strong>{teamName}</strong> on <strong>Vercel</strong>
      </Heading>
    </Body>
  </Tailwind>
</Html>

Expected Behavior

you should see Join {teamName} on Vercel on the screen but none show up 1712552402964

What's your node version? (if relevant)

No response

gabrielmfern commented 1 month ago

Closing as a duplicate of #1391.

It should be working under @react-email/tailwind 0.0.16-canary.1.