概述​

Button 组件用于执行操作，例如“添加”、“继续”、“立即付款”或“保存”。

Link 使文本具有交互性，以便客户可以执行操作，例如导航到另一个位置。

Pressable 是一个通用的交互式组件。添加了可按下的行为，这意味着你可以执行一些逻辑来响应客户交互。

使用 Badge 来突出显示对象的上下文信息，如标签或状态。对象可以是任何有状态或标签的东西，如订单或订阅。

使用 Banner 组件以醒目的方式向客户传达重要信息。

SkeletonImage 组件用于在图像出现在页面上之前的骨架屏。

SkeletonText 是用于单行短文本加载时的占位组件，显示单条灰色块模拟文本的宽度和高度。

SkeletonTextBlock 是用于多行文本加载时的占位组件，显示多行灰色条纹模拟段落或标题布局。

Spinner 用于通知客户他们的操作正在处理中，通常在与服务器交互时使用。

使用 Checkbox 组件为客户提供单一二元选项，例如注册营销或同意条款和条件。

Choice 是 ChoiceList 组件中的选项，用于以单选按钮或复选框形式呈现可选内容。

使用 ChoiceList 组件呈现一个选择列表，客户可以在其中进行单个选择或多个选择。

PhoneField 组件是一个带有区号的电话输入框。

Select 组件让客户从选项菜单中选择一个选项，适合选项较多时使用。

使用 Stepper 组件增加或减少值，例如将数量从 1 更改为 2。

使用 TextField 组件获取客户的文本输入。

Image 组件可用于展示商品图片。

ItemThumbnail 是商品的小尺寸预览图，可帮助客户快速识别产品外观。

Tooltip 是浮动标签，简要解释客户界面元素的功能。

BlockLayout 用于在多行上布局内容，默认情况下各行会平等共享可用空间。

BlockStack 用于垂直堆叠元素。

Divider 分隔内容并表示元素之间的主题分隔。

Grid 用于以行和列的矩阵形式布局内容。

GridItem 是 Grid 布局系统中的子容器组件，用于控制子元素在网格中的定位和跨度。

InlineLayout 用于在多列上布局内容，默认情况下所有列会平分并填充可用行内空间。

View 是一个通用的容器组件，它能让其内部内容保持原始大小，不会被强制拉伸。

Text 用于为一小段文本内容提供视觉样式并提供语义值。

TextBlock 为一个具有宽度的容器，会把文本撑满整行，一般用于显示整段段落或文本。