# Section

> Section components for dividing content into distinct sections with rows and columns.

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

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

## Simple section

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

### React

```tsx
<Section>
  <Text>Hello my section!</Text>
</Section>
```

## Section with rows and columns

Source: https://github.com/resend/react-email/tree/canary/apps/web/components/section-with-rows-and-columns

### React

```tsx
<Section>
  <Row>
    <Column>Column 1, Row 1</Column>
    <Column>Column 2, Row 1</Column>
  </Row>
  <Row>
    <Column>Column 1, Row 2</Column>
    <Column>Column 2, Row 2</Column>
  </Row>
</Section>
```