contributors
- Components Overview
- Changelogv6.1.4
- General
- Layout
- Navigation
- Data Entry
- Data Display
- Feedback
- Other
antd@4.24.0 Supported).Common props ref:Common props
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| align | Align items | start | end |center |baseline | - | 4.2.0 |
| classNames | Customize class for each semantic structure inside the component. Supports object or function. | Record<SemanticDOM, string> | (info: { props: SpaceProps })=> Record<SemanticDOM, string> | - | |
| The space direction | vertical | horizontal | horizontal | 4.1.0 | |
| orientation | The space direction | vertical | horizontal | horizontal | |
| size | The space size | Size | Size[] | small | 4.1.0 | Array: 4.9.0 |
Set split, please use separator instead | ReactNode | - | 4.7.0 | |
| separator | Set separator | ReactNode | - | - |
| styles | Customize inline style for each semantic structure inside the component. Supports object or function. | Record<SemanticDOM, CSSProperties> | (info: { props: SpaceProps })=> Record<SemanticDOM, CSSProperties> | - | |
| vertical | Orientation, Simultaneously configure with orientation and prioritize orientation | boolean | false | - |
| wrap | Auto wrap line, when horizontal effective | boolean | false | 4.9.0 |
'small' | 'middle' | 'large' | number
Use Space.Compact when child form components are compactly connected and the border is collapsed. The supported components are:
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| block | Option to fit width to its parent's width | boolean | false | 4.24.0 |
| Set direction of layout | vertical | horizontal | horizontal | 4.24.0 | |
| orientation | Set direction of layout | vertical | horizontal | horizontal | |
| vertical | Orientation, Simultaneously configure with orientation and prioritize orientation | boolean | false | - |
| size | Set child component size | large | middle | small | middle | 4.24.0 |
This component is available since
antd@5.29.0.
Used to create custom cells in compact layouts.
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| children | Custom content | ReactNode | - | 5.29.0 |
Crowded components horizontal spacing.
Crowded components vertical spacing.
Use size to set the spacing, Three sizes are preset: small, middle, large. You can also customize the spacing. If size is not set, the spacing is small.
Config item align.
Auto wrap line.
Crowded components separator.
Compact Mode for form component.
You can customize the semantic dom style of Space by passing objects/functions through classNames and styles.
Card content
Card content
Card content
Card content
Card content
Card content