---
category: Components
type: Layout
title: Space
cols: 1
cover: https://gw.alipayobjects.com/zos/antfincdn/wc6%263gJ0Y8/Space.svg
---

Set components spacing.

## When To Use

Avoid components clinging together and set a unified space.

## API

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| Align | Align items | `start` \| `end` \|`center` \|`baseline` | - | 4.2.0 |
| Direction | The space direction | `vertical` \| `horizontal` | `horizontal` | 4.1.0 |
| Size | The space size | [Size](#Size) \| [Size\[\]](#Size) | `small` | 4.1.0 \| Array: 4.9.0 |
| Split | Set split | ReactNode | - | 4.7.0 |
| Wrap | Auto wrap line, when `horizontal` effective | boolean | false | 4.9.0 |

### Size

`'small' | 'middle' | 'large' | number`
