> ## Documentation Index
> Fetch the complete documentation index at: https://docs.emailux.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Html component

> Create Html wrapper tag

## 1. Install dependencies

Install the EmailUX Email package locally and a few components.

<CodeGroup>
  ```bash theme={null}
  # pnpm
  pnpm add @emailux/components

  # npm
  npm install @emailux/components

  # yarn
  yarn add @emailux/components
  ```
</CodeGroup>

## 2. Usage

```tsx theme={null}
import { Html } from "@emailux/components";

export default function Email() {
  return <Html>Hello</Html>;
}
```

## Props

| Name | Type | Required | Default | Description |
| - | - | - | - | - |
| children | any | Yes | — | Content of the email document |
| dir | "ltr" \| "rtl" | No | "ltr" | Text direction for the document, it will affect all components |
| lang | string | No | "en" | Language of the document |
| defaultSpacing | string one value in css | No | "20px" | This will set the whole email default spacing (padding bottom defaults) |

All other standard HTML attributes for the `<html>` element are supported.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.