Display a section that can be formatted using columns
npm install @react-email/sectionInstall component from your command line.
#### With yarn
``sh`
yarn add @react-email/section -E
#### With npm
`sh`
npm install @react-email/section -E
Add the component to your email template. Include styles where needed.
`jsx
import { Section } from '@react-email/section';
import { Column } from '@react-email/column';
import { Row } from '@react-email/row';
import { Text } from '@react-email/text';
const Email = () => {
return (
{/ A simple section /}
{/ Formatted with rows and columns /}
);
};
``
This component was tested using the most popular email clients.
| |
|
|
|
|
|
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
MIT License