Components
HTML
A React html component to wrap emails.
Install
Install component from your command line.
Getting started
Add the component to your email template. Include styles where needed.
import { Html, Button } from "@react-email/components";
const Email = () => {
return (
<Html lang="en" dir="ltr">
<Button href="https://example.com" style={{ color: "#61dafb" }}>
Click me
</Button>
</Html>
);
};
Props
lang
string
default: "en"Identify the language of text content on the email
dir
string
default: "ltr"Identify the direction of text content on the email
Support
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman