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