diff --git a/apps/docs/components/body.mdx b/apps/docs/components/body.mdx
new file mode 100644
index 0000000000..7ded043e2d
--- /dev/null
+++ b/apps/docs/components/body.mdx
@@ -0,0 +1,69 @@
+---
+title: "Body"
+sidebarTitle: "Body"
+description: "A React body component to wrap the contents of an email."
+"og:image": "https://react.email/static/covers/components.png"
+icon: "window-maximize"
+---
+
+import Support from '/snippets/support.mdx'
+
+## Install
+
+Install component from your command line.
+
+
+
+```sh npm
+npm install react-email -E
+```
+
+```sh yarn
+yarn add react-email -E
+```
+
+```sh pnpm
+pnpm add react-email -E
+```
+
+
+
+## Getting started
+
+Add the component to your email template. Include styles where needed.
+
+```jsx
+import { Html, Body, Button } from "react-email";
+
+const Email = () => {
+ return (
+
+
+
+
+
+ );
+};
+```
+
+## Props
+
+
+ Identify the language of text content on the email. Not inherited from
+ `Html` — for non-English emails, set it on `Body` as well.
+
+
+ Identify the direction of text content on the email. Not inherited from
+ `Html` — for right-to-left emails, set it on `Body` as well.
+
+
+
+ `Body` sets `lang` and `dir` on the `body` tag and on an inner table cell
+ that wraps your content. Some email clients, such as Gmail and Yahoo, strip
+ the `html` and `body` tags, so the values set on `Html` alone would not
+ reach screen readers — which is why `Body` has its own defaults.
+
+
+
diff --git a/apps/docs/components/html.mdx b/apps/docs/components/html.mdx
index d3bd2ce39c..ef0a9139bc 100644
--- a/apps/docs/components/html.mdx
+++ b/apps/docs/components/html.mdx
@@ -55,4 +55,10 @@ const Email = () => {
Identify the direction of text content on the email
+
+ These values apply only to the `html` tag — they are not passed down to
+ [`Body`](/components/body), which has its own `lang` and `dir` defaults. For
+ non-English or right-to-left emails, set the same values on `Body` too.
+
+
diff --git a/apps/docs/docs.json b/apps/docs/docs.json
index 6d4994d299..001948fb6b 100644
--- a/apps/docs/docs.json
+++ b/apps/docs/docs.json
@@ -73,6 +73,7 @@
"pages": [
"components/html",
"components/head",
+ "components/body",
"components/button",
"components/container",
"components/code-block",