正文正文

主体骨架文本用于在内容出现在页面之前提供低保真度的内容表示,并改善商家感知的加载时间。可用于卡片内或卡片外的内容。

使用此组件表示正在加载的内容块。例如,您可以使用它来表示产品页面上的整个产品描述卡。

进口SkeletonBodyText“@shopify /北极星”进口反应“反应”函数SkeletonExample返回<SkeletonBodyText/>

道具

想要帮助完善这个功能吗?请分享你的反馈

接口 SkeletonBodyTextProps
? 数量

要显示的行数。

默认为3.

最佳实践

正文骨架文本组件应该:

  • 与…连用框架页面当页面内容一次性加载时。这些组件一起为商家提供加载后页面布局的指示。
  • 在任何内容容器组件中单独使用(如),以及在主页加载后加载内容。
  • 尝试将行数与正在加载的内容匹配,这样它就能给出准确的表示。

内容的指导方针

正文正文

在页面上显示永不更改的静态内容,并对动态内容使用框架加载。主体骨架文本有时可用于表示非排版内容,如表单。不要使用占位符内容,因为它会在页面完全加载时发生变化。

动态内容使用骨架正文文本。显示动态内容主体文本骨架的图像

静态内容使用骨架正文文本,动态内容使用占位符内容。显示静态内容的主体文本骨架的图像