3.0.3 • Published 6 months ago
@jsx-email/tailwind v3.0.3
@jsx-email/tailwind
@jsx-email/tailwind
Documentation
Requirements
This package requires an LTS Node version (v18.0.0+) and React v18.2.0+.
Install
pnpm add @jsx-email/tailwind
# We recommend pnpm - https://pnpm.io
# But npm and yarn are supported
# npm add @jsx-email/tailwind
# yarn add @jsx-email/tailwind
Usage
We recommend using the @jsx-email/cli
for creating new templates.
Create an email template file (e.g. Email.tsx
) and import the component:
import { Button } from '@jsx-email/button';
import { Tailwind } from '@jsx-email/tailwind';
const Email = () => {
return (
<Tailwind
config={{
theme: {
extend: {
colors: {
'custom-color': '#ff0000'
}
}
}
}}
>
<Button href="https://example.com" className="text-custom-color bg-white mx-auto">
Click me
</Button>
</Tailwind>
);
};
Please see the @jsx-email/tailwind
Documentation for props and additional usage information.
Attribution 🧡
This package was built upon prior work for react-email
by Bu Kinoshita (@bukinoshita) and Zeno Rocha (@zenorocha).
License
3.0.3
6 months ago
3.0.3-rc.1
6 months ago
3.0.2
6 months ago
3.0.1
7 months ago
3.0.0
7 months ago
2.4.4
7 months ago
2.4.3
7 months ago
2.4.2
7 months ago
2.4.1-test.3
7 months ago
2.4.1-test.2
7 months ago
2.4.1-test.1
7 months ago
2.4.1
7 months ago
2.4.0
7 months ago
2.3.0
7 months ago
2.2.3
8 months ago
2.2.2
8 months ago
2.2.1
8 months ago
2.2.0
8 months ago
2.1.0
8 months ago
1.0.0
8 months ago