Body

Container component that establishes the main content area of your email. Controls the overall width and background styling of the email content.

<Body width="650px" backgroundColor="#f6f6f6">
  <Section>
    <!-- Email content -->
  </Section>
</Body>
PropTypeDefaultUnitDescription
backgroundColorstring#ffffffCSS color valueBackground color for email body
widthstring600pxpxMaximum width of email content
classstring--CSS class name(s) for custom styling*

* CSS class name(s) that correspond to styles defined in the Head component's styles prop.

It's recommended to keep the width between 600px and 800px for optimal email client compatibility. The default 600px is considered a safe choice for most email clients.