A JSX email component which wraps the email document with a root element
This package requires an LTS Node version (v18.0.0+) and React v18.2.0+.
pnpm add @jsx-email/html
# We recommend pnpm - https://pnpm.io
# But npm and yarn are supported
# npm add @jsx-email/html
# yarn add @jsx-email/htmlWe 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 { Html } from '@jsx-email/html';
const Email = () => {
return (
<Html lang="en">
<Button href="https://example.com" style={{ color: '#61dafb' }}>
Click me
</Button>
</Html>
);
};Please see the @jsx-email/html Documentation for props and additional usage information.
This package was built upon prior work for react-email by Bu Kinoshita (@bukinoshita) and Zeno Rocha (@zenorocha).