HTML - React Email

Install

Install component from your command line.

npm install react-email -E

yarn add react-email -E

pnpm add react-email -E

Getting started

Add the component to your email template. Include styles where needed.

import { Html, Button } from "react-email";

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

React Intl

Head

​Install

​Getting started

​Props

​Support

Install

Getting started

Props

Support