@jsx-email/row Documentation

Requirements

This package requires an LTS Node version (v18.0.0+) and React v18.2.0+.

Install

1pnpm add @jsx-email/row
2
3# We recommend pnpm - https://pnpm.io
4# But npm and yarn are supported
5# npm add @jsx-email/row
6# yarn add @jsx-email/row

Usage

We recommend using the @jsx-email/cli for creating new templates.

Create an email template file (e.g. Email.tsx) and import the component:

1import { Section } from '@jsx-email/section';
2import { Row } from '@jsx-email/row';
3import { Column } from '@jsx-email/column';
4
5const Email = () => {
6  return (
7    <Section>
8      <Row>
9        <Column>A</Column>
10      </Row>
11      <Row>
12        <Column>B</Column>
13      </Row>
14      <Row>
15        <Column>C</Column>
16      </Row>
17    </Section>
18  );
19};

Please see the @jsx-email/row Documentation for props and additional usage information.

Attribution 🧡

This package was built upon prior work for react-email by Bu Kinoshita (@bukinoshita) and Zeno Rocha (@zenorocha).

License

MIT License