> ## 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.

# Ul component

> Create Ul 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 { Ul } from "@emailux/components";

export default function EmailTemplate() {
  return <>
      <Ul spacing='20px' fontSize='14px' >
          ....
      </Ul>
  </>
}
```

## Props

| Name          | Type            | Required | Default                                                                              | Description                                                                             |
| ------------- | --------------- | -------- | ------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------- |
| children      | React.ReactNode | Yes      | —                                                                                    | Content of the email document                                                           |
| dir           | "ltr" \| "rtl"  | No       | Comes from wrapping `Html` component's `dir` context prop which is `ltr`             | Text direction for the wrapper cell                                                     |
| spacing       | string          | No       | Comes from wrapping `Html` component's `defaultSpacing` context prop which is `20px` | Spacing bottom, by default comes from `Html` defaultSpacing prop                        |
| color         | string          | No       | —                                                                                    | `#000`                                                                                  |
| fontSize      | string          | No       | —                                                                                    |                                                                                         |
| lineHeight    | string          | No       | —                                                                                    |                                                                                         |
| fontWeight    | string          | No       | —                                                                                    |                                                                                         |
| className     | string          | No       | —                                                                                    |                                                                                         |
| plain         | boolean         | No       | false                                                                                | Used when you don't want to use table or margin bottom just a paragraph without spacing |
| letterSpacing | string          | No       | —                                                                                    |                                                                                         |
| paddingLeft   | string          | No       | `20px`                                                                               |                                                                                         |