Install

Install component from your command line.

With yarn

yarn add @react-email/row -E

With npm

npm install @react-email/row -E

Getting started

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

import { Section } from "@react-email/section";
import { Row } from "@react-email/row";
import { Column } from "@react-email/column";

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

Support

This component was tested using the most popular email clients.

| | | | | | | | -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | | Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |

License

MIT License