Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@react-email/column

resend3.5mMIT0.0.13TypeScript support: included

Display a column that separates content areas vertically in your email

react, email

readme

React Email Column cover

@react-email/column
Display a column that separates content areas vertically in your email.

Install

Install component from your command line.

With yarn

yarn add @react-email/column -E

With npm

npm install @react-email/column -E

Getting started

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

import { Row } from '@react-email/row';
import { Column } from '@react-email/column';

const Email = () => {
  return(
    <Row>
      <Column>A<Column/>
      <Column>B<Column/>
      <Column>C<Column/>
    </Row>
  );
};

Support

This component was tested using the most popular email clients.

Gmail logo Apple Mail Outlook logo Yahoo! Mail logo HEY logo Superhuman logo
Gmail ✔ Apple Mail ✔ Outlook ✔ Yahoo! Mail ✔ HEY ✔ Superhuman ✔

License

MIT License