Stack Props

名称	类型	默认值	说明
direction	'horizontal' | 'vertical'	'vertical'	内容排列方向。
gap	SpacingStep	—	相邻子元素的间距。
padding	SpacingStep	—	容器全部方向的内边距。
paddingInline	SpacingStep	—	行内轴内边距。覆盖对应的 padding。
paddingBlock	SpacingStep	—	块轴内边距。覆盖对应的 padding。
hAlign	StackAlignment	—	根据方向控制水平主轴或交叉轴对齐。
vAlign	StackAlignment	—	根据方向控制垂直主轴或交叉轴对齐。
justify	StackMainAlignment	—	主轴对齐别名。
align	StackCrossAlignment	—	交叉轴对齐别名。
wrap	'nowrap' | 'wrap' | 'wrap-reverse'	'nowrap'	子元素换行方式。
width	number | string	—	容器宽度。数字按像素处理。
height	number | string	—	容器高度。数字按像素处理。
maxWidth	number | string	—	容器最大宽度。
minHeight	number | string	—	容器最小高度。
isScrollable	boolean	false	启用自动溢出滚动。
as	string | Component	'div'	根元素或 Vue 组件。

SpacingStep 支持以下值：

type SpacingStep = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10

HStack Props

HStack 固定使用水平方向。

• 组件支持 Stack 的通用属性。
• 组件不提供 direction 属性。
• 对齐规则见下表。

名称	类型	默认值	说明
hAlign	StackMainAlignment	—	水平主轴对齐方式。
vAlign	StackCrossAlignment	'stretch'	垂直交叉轴对齐方式。

VStack Props

VStack 固定使用垂直方向。

• 组件支持 Stack 的通用属性。
• 组件不提供 direction 属性。
• 对齐规则见下表。

名称	类型	默认值	说明
hAlign	StackCrossAlignment	'stretch'	水平交叉轴对齐方式。
vAlign	StackMainAlignment	—	垂直主轴对齐方式。

StackItem Props

名称	类型	默认值	说明
size	'static' | 'fill'	'static'	保持固有尺寸或填充剩余空间。
crossAlignSelf	'start' | 'center' | 'end' | 'stretch'	—	覆盖当前项目的交叉轴对齐。
isScrollable	boolean	false	启用自动溢出滚动。
as	string | Component	'div'	根元素或 Vue 组件。

插槽

Stack、HStack、VStack 和 StackItem 均通过默认插槽接收内容。

原生属性

以下内容传入根元素：

• HTML 属性。
• aria-* 属性。
• data-* 属性。
• class。
• style。
• 原生事件监听器。