Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Heading component is missing when you use Tailwind #1404

Closed
jxh0414com opened this issue Apr 8, 2024 · 1 comment
Closed

Heading component is missing when you use Tailwind #1404

jxh0414com opened this issue Apr 8, 2024 · 1 comment
Labels
Type: Bug Confirmed bug

Comments

@jxh0414com
Copy link

jxh0414com commented Apr 8, 2024

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

@jxh0414com jxh0414com added the Type: Bug Confirmed bug label Apr 8, 2024
@gabrielmfern
Copy link
Collaborator

Closing as a duplicate of #1391.

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

@gabrielmfern gabrielmfern closed this as not planned Won't fix, can't repro, duplicate, stale Apr 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Confirmed bug
Projects
None yet
Development

No branches or pull requests

2 participants