Skip to main content

​
Install

Install component from your command line. 
npm install @react-email/components -E

# or get the individual package

npm install @react-email/heading -E

​
Getting started

Add the component to your email template. Include styles where needed. 
import { Heading } from "@react-email/components";

const Email = () => {
  return <Heading as="h2">Lorem ipsum</Heading>;
};

​
Props

​
as
string
default:"h1"
Render component as h1, h2, h3, h4, h5 or h6.
​
m
string
A shortcut for margin CSS property.
​
mx
string
A shortcut for margin-left and margin-right CSS properties.
​
my
string
A shortcut for margin-top and margin-bottom CSS properties.
​
mt
string
A shortcut for margin-top CSS property.
​
mr
string
A shortcut for margin-right CSS property.
​
mb
string
A shortcut for margin-bottom CSS property.
​
ml
string
A shortcut for margin-left CSS property.

​
Support

All components were tested using the most popular email clients.
GmailGmail
Apple MailApple Mail
OutlookOutlook
Yahoo! MailYahoo! Mail
HEYHEY
SuperhumanSuperhuman
⌘I