Display a column that separates content areas vertically in your email
npm install @react-email/columnInstall component from your command line.
#### With yarn
``sh`
yarn add @react-email/column -E
#### With npm
`sh`
npm install @react-email/column -E
Add the component to your email template. Include styles where needed.
`jsx
import { Row } from '@react-email/row';
import { Column } from '@react-email/column';
const Email = () => {
return(
);
};
``
This component was tested using the most popular email clients.
| |
|
|
|
|
|
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
MIT License