北极星列
在一个或多个列中以相等的间距水平显示内容。
α
该组件及其文档正在开发中。在北极星的非主要版本中可能会有突破性的变化。请谨慎使用。
默认情况下，有6列，它们之间的间距为16px。
进口反应从“反应”；进口｛列，文本，内联｝从“@shopify /北极星”；函数ColumnsExample（）｛返回（<列><占位符高度＝“320 px”标签＝“01”/><占位符高度＝“320 px”标签＝“2”/><占位符高度＝“320 px”标签＝“03”/><占位符高度＝“320 px”标签＝“04”/><占位符高度＝“320 px”标签＝“05”/><占位符高度＝“320 px”标签＝“06”/></列>）；｝常量占位符＝（｛标签＝”，高度＝“汽车”，宽度＝“汽车”｝）= >｛返回（<div风格＝｛｛显示：“继承”，背景：“# 7 b47f1”，高度：高度?？未定义的，宽度：宽度?？未定义的，｝｝><内联对齐＝“中心”blockAlign＝“中心”><div风格＝｛｛颜色：“# FFFFFF”，宽度：宽度?？未定义的，｝｝><文本作为＝“氢气”变体＝“bodyMd”fontWeight＝“媒介”对齐＝“中心”>｛标签｝</文本></div></内联></div>）；｝；道具
想要帮助完善这个功能吗?请分享你的反馈．
接口
ColumnsProps
- 孩子们吗? 反应．ReactNode
- 列吗? {(断点在BreakpointsAlias] ?：数量|字符串；｝
-
要显示的列数。
默认为｛xs：6，sm：6，医学博士：6，lg：6，xl：6｝．
- 差距吗? T| {[断点在BreakpointsAlias] ?：T；｝<SpacingSpaceScale>
-
孩子之间的间隔。接受不同屏幕大小的间隔令牌或间隔令牌对象。
默认为“4”．