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

# Css component

> Create Css 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 { Html, Head } from "@emailux/components";
import { Css } from "@emailux/css";
// Can also be imported from "@emailux/components"
// import { Css } from "@emailux/components";

export default function EmailTemplate() {
  return <Html>
  <Head>
    <Css 
      selector={['body', '.emailux-table']} 
      style={{ fontSize: '12px', lineHeight: '24px', color: '#000' }}
      />
  <Head>
</Html>
```

## Props

| Name     | Type                              | Required | Default | Description                   |
| -------- | --------------------------------- | -------- | ------- | ----------------------------- |
| children | React.ReactNode                   | Yes      | —       | Content of the email document |
| style    | React.CSSProperties               | Yes      | —       | -                             |
| selector | Array of strings of css selectors | No       | —       |                               |

All other standard Head attributes for the `<css>` element are supported.
