北极星α堆栈
用于在默认情况下以全宽度垂直和水平显示子元素。基于CSS Flexbox。
α
该组件是一项正在进行的工作，并已准备好进行探索性使用，预计在小版本更新中会有破坏性更改。请谨慎使用。进一步了解我们的组件生命周期．
控制孩子之间的垂直空间差距道具。
进口反应从“反应”;进口{AlphaStack}从“@shopify /北极星”;函数AlphaStackWithGapExample（）{返回（<SpacingBackground><AlphaStack差距＝“5”><占位符高度＝“48 px”/><占位符高度＝“48 px”/><占位符高度＝“48 px”/></AlphaStack></SpacingBackground>）;}常量SpacingBackground＝（{孩子们}：{孩子们：反应．ReactNode}）＝＞{返回（<div风格＝{{背景：“var(——p-color-bg-success-subdued)”，高度：“汽车”，}}>{孩子们}</div>）;};常量占位符＝（{高度＝“汽车”}）＝＞{返回（<div风格＝{{背景：“var(——p-color-text-info)”，填充：“14 px var(——p-space-2)”，高度：高度，}}/>）;};道具
想让这个功能变得更好吗?请分享你的反馈．
接口
AlphaStackProps
- 孩子们？ 反应．ReactNode
- 作为？ “div”|“ul”|“ol”|“自定义字段”
-
元素类型。
默认为“div”．
- 对齐？ “OB欧宝娱乐APP开始”|“中心”|“结束”|“空间”|“间距”|“space-evenly”
-
儿童的垂直对齐。
- inlineAlign？ “OB欧宝娱乐APP开始”|“中心”|“结束”|“基线”|“拉伸”
-
儿童的水平对齐。
- 差距？ T| {[断点在BreakpointsAlias]？：T;}<SpacingSpaceScale>
-
孩子之间的间隔。
- id？ 字符串
-
HTML id属性。
- reverseOrder？ 布尔
-
反转子项的呈现顺序。
默认为假．