Components
HTML
A React html component to wrap emails.
Install
Install component from your command line.
npm install @react-email/html -E
Getting started
Add the component to your email template. Include styles where needed.
import { Button } from '@react-email/button';
import { Html } from '@react-email/html';
const Email = () => {
return (
<Html lang="en" dir="ltr">
<Button href="https://example.com" style={{ color: '#61dafb' }}>
Click me
</Button>
</Html>
);
};
Props
lang
Default: "en"string
Identify the language of text content on the email
dir
Default: "ltr"string
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