@react-email/container

@react-email/container

A layout component that centers all the email content.

Website · GitHub

Install

Install component from your command line.

With yarn

yarn add @react-email/container -E

With npm

npm install @react-email/container -E

Getting started

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

import { Button } from "@react-email/button";
import { Container } from "@react-email/container";

const Email = () => {
  return (
    <Container>
      <Button href="https://example.com" style={{ color: "#61dafb" }}>
        Click me
      </Button>
    </Container>
  );
};

License

MIT License

Similar packages

Other packages similar to @react-email/container

react-html-email

react-html-email is a library for building HTML emails with React components. It provides a set of components and utilities to create responsive and well-structured email templates. Compared to @react-email/container, react-html-email offers a broader range of components specifically designed for email development.

mjml-react

mjml-react is a React wrapper for MJML, a markup language designed to reduce the pain of coding responsive emails. It allows you to use MJML components within React, providing a high level of abstraction and ease of use. While @react-email/container focuses on basic container functionality, mjml-react offers a comprehensive set of components for building complex email layouts.