间距

设置组件之间的间距。

何时使用

避免组件紧贴在一起，拉开统一的空间。

• 适合行内元素的水平间距。
• 可以设置各种水平对齐方式。

使用示例

基础使用：

<template>
  <div>
    <f-slider v-model:value="size" />
    <br />
    <br />
    <f-space :size="size">
      <f-button type="primary">Primary</f-button>
      <f-button>Default</f-button>
      <f-button type="primary">Primary</f-button>
      <f-button>Default</f-button>
    </f-space>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'

const size = ref(8)
</script>

API

参数	说明	类型	默认值	版本
align	对齐方式	start | end |center |baseline	-	1.6.5
direction	间距方向	vertical | horizontal	horizontal	1.6.5
size	间距大小	small | middle | large | number	small	1.6.5