Space 间距
设置组件之间的间距。
基础用法
相邻组件水平间距。
垂直间距
使用 vertical 属性设置垂直方向的间距。
间距大小
使用 size 属性控制间距的大小，支持预设尺寸和自定义数值。
tiny 间距：
small 间距：
medium 间距：
large 间距：
自定义间距（32px）：
自定义水平和垂直间距
使用数组形式的 size 属性分别设置水平和垂直间距。
对齐方式
使用 align 和 justify 属性控制子元素的对齐方式。
居中对齐：
两端对齐：
换行
使用 wrap 属性控制是否允许换行。
允许换行：
不允许换行：
行内模式
使用 inline 属性将间距组件设置为行内元素。
这是一段文字，
，这是另一段文字。
反向排列
使用 reverse 属性反向排列子元素。
正常排列：
反向排列：
分隔符
使用分隔符分隔子元素。
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| size | ComponentSize | number | [number, number] | 'small' | 间距大小，可以是预设值或自定义数值 |
| vertical | boolean | false | 是否为垂直布局 |
| align | SpaceAlign | 'start' | 对齐方式 |
| justify | SpaceJustify | 'start' | 主轴对齐方式 |
| wrap | boolean | false | 是否自动换行 |
| inline | boolean | false | 是否为行内元素 |
| reverse | boolean | false | 是否反向排列 |
类型定义
typescript
type ComponentSize = "tiny" | "small" | "medium" | "large";
type SpaceAlign = "start" | "end" | "center" | "baseline" | "stretch";
type SpaceJustify = "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";