间距 Space

通过此组件为其子元素提供公共间距

基础用法

点击展开

<template>
  <ik-space>
    <ik-button type="primary">按钮一</ik-button>
    <ik-button type="primary">按钮二</ik-button>
    <ik-button type="primary">按钮三</ik-button>
  </ik-space>
</template>

调节间距与布局方式

size属性可设置间距大小

点击展开

<template>
  <ik-space size="mini">
    <ik-button type="primary">按钮一</ik-button>
    <ik-button type="primary">按钮二</ik-button>
    <ik-button type="primary">按钮三</ik-button>
  </ik-space>
  <br />
  <ik-space size="large">
    <ik-button type="primary">按钮四</ik-button>
    <ik-button type="primary">按钮五</ik-button>
    <ik-button type="primary">按钮六</ik-button>
  </ik-space>
</template>

排列方向与换行

设置direction设置横向、竖向。wrap设置是否换行

content one

content two

content three

content one

content two

content three