​
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

FontHr