Space

间距布局容器，在一组相邻子元素之间施加统一、可控的间隔。

如何引入

import { Space } from '@chenzy-design/svelte';

默认横向排列，spacing 默认 tight（8px），align 默认 center，为一组相邻子元素施加统一间距。

align 控制交叉轴对齐，可选 start / center（默认）/ end / baseline。

文本

标签

文本

标签

文本

标签

文本

标签

spacing 内置三档：tight（8px，默认）、medium（16px）、loose（24px）；也支持传入 number 自定义像素，或数组 [水平, 垂直] 同时设置列间距 / 行间距（配合 wrap）。

vertical 设置为竖向排列，此时 wrap 自动失效（竖排无需换行）。

横向排布时 wrap 控制超出容器宽度后自动换行，换行后行间距与列间距由 gap 统一保证一致。

属性	说明	类型	默认值
`vertical`	是否竖向排列（对齐 Semi）	`boolean`	false
`spacing`	档位映射 token，number→px，数组 [水平, 垂直] 分别控制 column-gap/row-gap；对齐 Semi：tight=8/medium=16/loose=24	`'tight'\|'medium'\|'loose'\|number\|[SpacingItem, SpacingItem]`	'tight'
`align`	交叉轴对齐，映射 align-items	`'start'\|'end'\|'center'\|'baseline'`	'center'
`wrap`	横向排布是否自动换行（vertical 时强制不换行）	`boolean`	false
`class`	—	`string`	''
`style`	—	`string`	''

名称	说明
`children`	需要被施加间距的一组子元素