北极星网格
创建复杂的布局基于CSS网格。
α
这个组件正在开发中。在Polaris的非主要版本中可能会对其进行突破性的更改。请谨慎使用。
用于创建在断点处包装并与12列网格对齐的两列布局。
进口{页面，网格，卡}从“@shopify /北极星”;进口反应从“反应”;函数GridExample（）{返回（<页面fullWidth><网格><网格。细胞columnSpan＝{{xs：6，sm：3.，医学博士：3.，lg：6，xl：6}}><卡标题＝“销售”分段><p>查看摘要的你网店的销欧宝体育官网入口首页售额。</p></卡></网格。细胞><网格。细胞columnSpan＝{{xs：6，sm：3.，医学博士：3.，lg：6，xl：6}}><卡标题＝“订单”分段><p>查看摘要的你网上商店欧宝体育官网入口首页的订单。</p></卡></网格。细胞></网格></页面>）;}道具
想让这个功能变得更好吗?请分享你的反馈。
接口
GridProps
- 区域？ {(断点在“x”|“sm”|“医学博士”|“lg”|“xl”] ?：字符串[];}
- 列？ {(断点在“x”|“sm”|“医学博士”|“lg”|“xl”] ?：数量;}
- 差距？ {(断点在“x”|“sm”|“医学博士”|“lg”|“xl”] ?：字符串;}
- 孩子们？ 反应。ReactNode