Skip to content

Commit

Permalink
fix(docs): Links to Tailwind's v4 docs
Browse files Browse the repository at this point in the history
  • Loading branch information
gabrielmfern committed Jan 27, 2025
1 parent 68dc668 commit a66e915
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions apps/docs/components/tailwind.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,8 @@ pnpm add @react-email/tailwind -E

## Getting started

<Info>The current `tailwindcss` version used for this component is `3.4.10`</Info>

Add the component around your email body content.

```jsx
Expand Down Expand Up @@ -75,7 +77,7 @@ const Email = () => {

<ResponseField name="config" type="object">
Customize the default theme for your project with the available properties in
[Tailwind docs](https://tailwindcss.com/docs/theme).
[Tailwind docs](https://v3.tailwindcss.com/docs/theme).
</ResponseField>

<Info>
Expand Down Expand Up @@ -188,7 +190,7 @@ and look these up later on the elements, and since `prose`, by using more compli
cannot be directly inlined without matching the selectors to the elements, it isn't able to
match the selectors appropriately.

This also means some other utilities do not work either, like the [`space-*` utility](https://tailwindcss.com/docs/space).
This also means some other utilities do not work either, like the [`space-*` utility](https://v3.tailwindcss.com/docs/space).

The only exception for this inlining of styles is with media queries, as they are not inlinable. We do not
do the same for `hover:` styles though, but since [their support is not best](https://www.caniemail.com/features/css-pseudo-class-hover/), you probably won't need it.
Expand Down

1 comment on commit a66e915

@vercel
Copy link

@vercel vercel bot commented on a66e915 Jan 27, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

react-email-demo – ./apps/demo

react-email-demo-resend.vercel.app
react-email-demo.vercel.app
react-email-demo-git-main-resend.vercel.app
demo.react.email

Please sign in to comment.