# Text

> Text components for displaying text with simple and styled formatting.

Web: https://react.email/components/text

Paste any snippet into an email built with React Email. The snippets use the primitives from `@react-email/components`.

## Simple text

Source: https://github.com/resend/react-email/tree/canary/apps/web/components/simple-text

### React

```tsx
<Text>A simple paragraph</Text>
```

## Text with styling

Source: https://github.com/resend/react-email/tree/canary/apps/web/components/text-with-styling

### Tailwind

```tsx
<>
  <Text className="font-semibold text-[24px] text-indigo-400 leading-[32px]">
    Amazing content
  </Text>
  <Text>
    This is the actual content that the accented text above refers to.
  </Text>
</>
```

### Inline styles

```tsx
<>
  <Text
    style={{
      color: 'rgb(129,140,248)',
      fontSize: 24,
      lineHeight: '32px',
      fontWeight: 600,
    }}
  >
    Amazing content
  </Text>
  <Text>
    This is the actual content that the accented text above refers to.
  </Text>
</>
```