> ## 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. ```bash theme={null} # pnpm pnpm add @emailux/components # npm npm install @emailux/components # yarn yarn add @emailux/components ``` ## 2. Usage ```tsx theme={null} import { Html } from "@emailux/components"; export default function Email() { return Hello; } ``` ## 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 `` element are supported.