mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 23:35:38 +08:00
bfa8aaec5e
* feat/Space-component-support-align-stretch: support align to stretch Signed-off-by: Chang Wei <changwei1006@gmail.com> * feat/Space-component-support-align-stretch: update document of zh-CN and en-US Signed-off-by: Chang Wei <changwei1006@gmail.com> * feat/Space-component-support-align-stretch: update demo Signed-off-by: Chang Wei <changwei1006@gmail.com> * feat/Space-component-support-align-stretch: update snapshot by command `npm test -- components/space -u` Signed-off-by: Chang Wei <changwei1006@gmail.com>
28 lines
787 B
Markdown
28 lines
787 B
Markdown
---
|
|
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` \|`stretch` | - | 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`
|