Heading - React Email

Install

Install component from your command line.

npm install react-email -E

yarn add react-email -E

pnpm add react-email -E

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

import { Heading } from "react-email";

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

string

default:"h1"

Render component as h1, h2, h3, h4, h5 or h6.

string

A shortcut for margin CSS property.

string

A shortcut for margin-left and margin-right CSS properties.

string

A shortcut for margin-top and margin-bottom CSS properties.

string

A shortcut for margin-top CSS property.

string

A shortcut for margin-right CSS property.

string

A shortcut for margin-bottom CSS property.

string

A shortcut for margin-left CSS property.

All components were tested using the most popular email clients.

Gmail

Apple Mail

Outlook

Yahoo! Mail

HEY

Superhuman