github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5271 Commits
56 Branches
248 Tags
37 MiB
 
 
 
 
Tree: 5d6ebb30ac
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5d6ebb30ac'
${ noResults }
ant-design-vue/components/space/index.en-US.md

1.6 KiB
Raw Blame History

category type title cols cover coverDark
Components Layout Space 1 https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*ZiJ3SbOH9SUAAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*37T2R6O9oi0AAAAAAAAAAAAADrJ8AQ/original

Set components spacing.

When To Use

  • Avoid components clinging together and set a unified space.
  • Use Space.Compact when child form components are compactly connected and the border is collapsed (After version ant-design-vue@4.0.0 Supported).

API

Space

Property Description Type Default Version
align Align items start | end |center |baseline - 1.6.5
direction The space direction vertical | horizontal horizontal 1.6.5
size The space size small | middle | large | number small 1.6.5
split Set split VueNode | v-slot - 2.2.0
wrap Auto wrap line, when horizontal effective boolean false 2.2.0

Space.Compact

Use Space.Compact when child form components are compactly connected and the border is collapsed. The supported components are：

  • Button
  • AutoComplete
  • Cascader
  • DatePicker
  • Input/Input.Search
  • Select
  • TimePicker
  • TreeSelect
Property Description Type Default Version
block Option to fit width to its parent's width boolean false 4.0.0
direction Set direction of layout vertical | horizontal horizontal 4.0.0
size Set child component size large | middle | small middle 4.0.0