Readme - React Email

<div align="center"><strong>@react-email/column</strong></div> <div align="center">Display a column that separates content areas vertically in your email.</div> <div align="center"> <a href="https://react.email">Website</a> <span> · </span> <a href="https://github.com/resend/react-email">GitHub</a> </div>

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.

jsx

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 ✔	Apple Mail ✔	Outlook ✔	Yahoo! Mail ✔	HEY ✔	Superhuman ✔

License

MIT License