基础 · Space
间距
设置组件之间的间距。

代码演示

如何引入

基本用法

对齐方式

可使用 align 设置对齐方式,可选值:startcenter(默认)、endbaseline

间距尺寸

可使用 spacing 设置间距大小,内置可选值:tight(8px,默认)、medium(16px)、loose(24px),并且支持传入 number 来自定义间距大小,也支持传入 array 来同时设置水平和垂直方向的间距。

间距方向

可使用 vertical 设置间距是否为垂直方向,默认情况下为 false。

设置换行

当间距为水平方向时,可使用 wrap 设置是否自动换行,默认情况下为 false。

API参考

属性说明类型默认值版本
align对齐方式, 支持 startendcenterbaselinestringcenter>=1.17.0
className样式类名string->=1.17.0
spacing间距尺寸, 支持 loosemediumtight 或 number、arraystring|number|arraytight>=1.17.0
style内联样式CSSProperties->=1.17.0
vertical是否为垂直间距booleanfalse>=1.17.0
wrap是否自动换行booleanfalse>=1.17.0

设计变量

© 2021 Semi Design. All rights reserved.

京ICP备19058139号-13浙公网安备 33011002016131号

Designed & Developed with love by Douyin FE & MED