@react-email/section

Display a section that can be formatted using columns.

Website · GitHub · Discord

Install

Install component from your command line.

With yarn

yarn add @react-email/section -E

With npm

npm install @react-email/section -E

Getting started

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

import { Section } from '@react-email/section';
import { Text } from '@react-email/text';

const Section = () => {
  return (
    <Section>
      <Text>Hello World</Text>
    <Section />
  );
};

Support

This component was tested using the most popular email clients.

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

License

MIT License