用途:为界面建立系统化、统一的间距规则,使布局保持一致的节奏感。
主要能力:提供基础单位与间距尺度,例如2xs:2px、xs:4px、sm:8px、md:16px、lg:24px、xl:32px、2xl:48px、3xl:64px;区分四类间距:Inset(容器内边距,含等距与压缩/拉伸变体)、Stack(堆叠元素之间的垂直间距)、Inline(行内元素之间的水平间距)、Grid gap(网格或弹性项目之间的间距)。提供应用规则:相关项目用较小间距(sm/md),不同区块用较大间距(lg/xl),页面边距按断点保持一致,组件内部间距按组件定义。
使用方式:先选定基础单位(通常4px或8px)并建立尺度,再按上述四类间距与上下文规则取值;支持密度模式:Compact 将间距减少一档(适合数据密集视图),Comfortable 为默认间距,Spacious 将间距增加一档(适合阅读为主)。
最佳实践与限制:始终使用尺度,避免任意数值;组件内间距保持一致;不相关分组之间使用更大间隙;记录间距意图而非仅记录数值;在不同视口尺寸下测试间距。资料未提供具体代码、安装命令或平台限制信息。