Space 间距
设置元素之间的间距
基础用法
垂直排列
自定义间距
对齐方式
自动换行
行间分隔符
有时候，仅仅在行间加空白并不能满足我们的日常需求，此时分隔符 (spacer) 就可以发挥非常好的作用了。
填充容器
填充容器比例
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| direction | 间距方向 | vertical | horizontal | horizontal |
| size | 间距大小，如 20px 2em，默认单位为 px，支持数组形式来分别设置横向和纵向间距 | enum | 8px |
| align | 设置子元素的对齐方式 | enum | - |
| wrap | 是否自动换行，仅适用于水平方向排列 | boolean | false |
| fill | 是否让 Space 变为一个块级元素，填充整个父元素 | boolean | false |
| fill-ratio | 填充父容器的比例 | number | 100 |
| spacer | 间隔符 | enum | - |
Slots
| 名称 | 说明 |
|---|---|
| default | 间距组件内容 |
类型定义
组件导出以下类型定义：
js
import type { SpaceProps, SpaceSize, SpaceAlign } from 'ryxon'