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

# A component

> Create A component

## 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 { A } from "@emailux/a";

export default function EmailTemplate() {
  return <>
      <A href='#' color='blue'>Docs</A>
  </>
}
```

## Props

| Name         | Type                | Required | Default               | Description                                                         |
| ------------ | ------------------- | -------- | --------------------- | ------------------------------------------------------------------- |
| children     | any                 | No       |                       |                                                                     |
| dir          | "ltr" \| "rtl"      | No       | "ltr"                 | Text direction for the content                                      |
| color        | string              | No       |                       | Hex color                                                           |
| noDecoration | boolean             | No       | false                 |                                                                     |
| style        | React.CSSProperties | No       |                       |                                                                     |
| rel          | string              | No       | 'noopener noreferrer' |                                                                     |
| spacing      | string              | No       | -                     | Spacing bottom, and the anchor tag will be a block component if set |