HTML

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

When customizing lang and/or dir, you should set the same values on the Body component. Some email clients strip the html or body tags, so it’s necessary to have both.

Support

All components were tested using the most popular email clients.

Gmail

Apple Mail

Outlook

Yahoo! Mail

HEY

Superhuman

React Intl

Head

Overview

Getting Started

Guides

Components

Utilities

Integrations

Contributing

Install

Getting started

Props

Support

​Install

​Getting started

​Props

​Support

Install

Getting started

Props

Support