@react-email/section
v0.0.16-canary.1TypeScript
Display a section that can be formatted using columns
2.1M/weekUpdated 1 months agoMITUnpacked: 12.1 KB
Published by zenorocha
npm install @react-email/section@react-email/section
Display a section that can be formatted using columns.
Install
Install component from your command line.
#### With yarn
``sh`
yarn add @react-email/section -E
#### With npm
`sh`
npm install @react-email/section -E
Getting started
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 /}
);
};
``
Support
This component was tested using the most popular email clients.
| 
| 
| 
| 
| 
| 
|
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
License
MIT License