​
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.

Gmail

Gmail

Apple Mail

Apple Mail

Outlook

Outlook

Yahoo! Mail

Yahoo! Mail

HEY

HEY

Superhuman

Superhuman