Container

Horizontally center child components and content

Install

Install the component from your command line

pnpm

pnpm add jsx-email

bun

bun add jsx-email

npm

npm add jsx-email

yarn

yarn add jsx-email

Usage

ContainerExample.jsx

import { Button, Container } from 'jsx-email';

const Email = () => {
  return (
    <Container>
      <Button
        width={200}
        height={40}
        href="https://example.com"
      >
        Click me
      </Button>
    </Container>
  );
};

Table Usage

While Container uses a <table> element internally, it’s designed for centering content. For table layouts, use Section or Row with Column.

Props

Optional Props

disableDefaultStyle

disableDefaultStyle?: boolean;

When true, removes default styles. Useful when using Tailwind or custom classes.

Additional Props

This component expresses all of the Common Component Props for ComponentProps<'table'> except for:

• cellPadding
• cellSpacing