北极星α卡
卡片用于将类似的概念和任务分组，以便商家扫描、阅读并完成任务。它以熟悉和可识别的样式显示内容。
α
该组件正在进行中，可以进行探索性使用，在较小的版本更新中预计会有突破性的更改。请谨慎使用。了解更多有关组件生命周期．
进口｛AlphaCard，文本｝从“@shopify /北极星”；进口反应从“反应”；函数AlphaCardExample（）｛返回（<AlphaCard><文本作为＝“氢气”变体＝“bodyMd”>内容卡片内部</文本></AlphaCard>）；｝道具
想要帮助完善这个功能吗?请分享你的反馈．
接口
AlphaCardProps
- 孩子们? 反应．ReactNode
- 背景? “表面”|“surface-subdued”
-
背景颜色。
默认为“表面”．
- 填充? T| {[断点在BreakpointsAlias]？：T；｝<SpacingSpaceScale>
-
卡片周围的间距。
默认为｛xs：“4”，sm：“5”｝．
- roundedAbove? “x”|“sm”|“医学博士”|“lg”|“xl”
-
设置断点之上的边界半径值。
最佳实践
卡片应该:
- 组相关信息
- 以一种优先考虑商家最需要知道的方式显示信息