组件术语表

折叠面板是一个垂直堆叠的交互式项目列表。每个项目可以“折叠”，仅显示摘要，也可以“展开”以显示该项目的完整内容。

警告是一条简短的消息，以醒目的方式提供上下文反馈。

自动补全是根据用户的初始输入主动建议选项的文本输入。建议的选项会显示在输入框旁边的面板中。

头像是用户或实体的图形表示。通常是照片、插图或文本首字母。

徽章是出现在主要界面区域旁边的紧凑标签，用于表示该区域的状态或元数据。

横幅是一条醒目的消息，用于告知用户有关更改或提供页面内容的上下文。它通常显示为页面或部分上的第一项。

面包屑导航是链接列表，用于显示当前页面在应用层级结构中的位置。它可以帮助用户了解他们相对于其他页面的位置，并提供方便的链接以导航到其他页面。

按钮是一个可点击的交互元素，用于触发响应。您可以在按钮内放置文本和图标。按钮通常用于表单提交和切换元素的显示状态。

日历是一个日期选择界面，允许您使用日历视图选择日期或日期范围。它通常用于按日期筛选信息。

卡片是一个内容容器，表示单个对象和相关操作。例如，一篇文章或一个任务。

轮播是一种幻灯片，可以循环播放图像或文本等内容。轮播可能包含对上一个和下一个控件的支持。

图表是数据的图形表示。图表将大量信息可视化，以帮助用户理解数据点之间的趋势和关系。

聊天组件用于显示系统用户之间的聊天记录。它包含许多子组件，以组成不同类型的聊天条目。

复选框是一个方框，可以在选中时激活或取消激活。使用复选框从选项列表中选择一个或多个选项。

标签是一个紧凑的标签，显示在主要界面区域旁边，用于表示该区域的状态或元数据。

代码组件用于显示字符串或小的代码块。代码可以复制并插入到代码编辑器中。

折叠面板是一个垂直堆叠的交互式项目列表。每个项目可以“折叠”，仅显示摘要，也可以“展开”以显示该项目的完整内容。

颜色选择器是一个输入组件，允许用户从预定义的颜色（色板）或颜色字段中进行选择。选择后，它将以 RGB、HEX 或 HSL 格式返回颜色值。

组合框是一种自动完成输入框，它会根据用户的初始输入主动建议选项。它允许您过滤选项列表并从预定义的选项中进行选择。选项会显示在输入框旁边的面板中。

上下文菜单是一个菜单，它提供一组与用户点击内容的当前状态相关的操作。上下文菜单通常出现在右键（默认）或左键单击上。

数据表格是一个可视化数据集的表格，包括过滤、排序、模板、行选择、行分组、行固定和可移动列等选项。数据表格通常用于动态或大型数据集。

日期选择器是一个日期选择界面，允许您使用日历视图选择日期或日期范围。它通常用于按日期过滤信息。

“详情”是一个可展开的面板，显示内容摘要，并在点击时展开以显示更多帮助文本。它通常用于使密集的内容更易于浏览。

对话框是在其他内容上方出现的提示，其中包含紧急信息或需要做出的决定。对话框会故意中断用户流程，需要用户输入才能将其关闭。

展开面板是一个可展开的面板，显示内容摘要，并在点击时展开以显示更多帮助文本。它通常用于使密集的内容更容易浏览。

分隔线用于分隔内容部分或项目组。它通常包含一条水平线。

抽屉是一个从屏幕边缘滑出的面板。它通常用于导航、菜单或显示用户所在页面的详细信息。

可展开列表是一个垂直堆叠的交互式项目列表。每个项目可以“折叠”，只显示摘要，或者“展开”以显示该项目的完整内容。

Flex 是一个布局容器，使用 flexbox 来定位其子元素。

页脚是页面底部的一个区域，用于显示相关内容、版权或法律信息的链接。

表单用于收集用户输入并提交到应用程序。它通常由表单元素组成，包括输入框、按钮、复选框和单选按钮。

网格是一个容器，用于构建与用户定义的列和行系统对齐的布局。

页眉是页面顶部的一个区域，用于显示网站名称和导航。

标题是在 Web 应用程序或网站中显示的标题或副标题。标题的大小通常根据其所代表内容的重要性而有所不同。

Hero（英雄）是一个大型横幅或图像，显示在页面上的第一项内容之一。它是一个主要的视觉元素，用于将用户的注意力集中在关键内容或促销活动上。

图标是指示界面元素用途的视觉符号。它用于表示想法、内容类型和操作。

图片是用于嵌入图像的元素。它通常用于根据设备功能和视口大小显示不同大小和格式的图像。

输入框是一个接受单行文本的表单元素。

标签是描述表单字段所需输入类型的文本标题或说明。标签通常位于表单字段旁边。

布局是一个布局容器，用于将子元素放置在预定区域。它通常用于在应用程序的页面中应用一致的内容定位。

链接是对网络上某个位置的引用。点击链接会将您定向到目标位置，例如文档、资源或电子邮件地址。

列表是相关项目的组合。列表可以使用数字进行排序，或使用项目符号进行无序排列。

列表框是一个垂直排列的交互式元素列表，用户可以从中进行选择。

加载中是一个可视化指示器，显示后台正在进行的进程状态。它通常用于告知用户需要等待界面准备好进行交互。

菜单是一个用户可以选择的交互式选项列表。这些选项默认隐藏，并在用户与某个元素交互时显示。菜单通常用于显示操作或导航。它与“选择”不同，因为它不是表单输入。

模态框是一个位于页面内容之上的全屏覆盖层。它用于将注意力集中在重要的任务或消息上，并且需要用户输入才能关闭。

导航是一个用于列出导航链接的容器。它通常用于将用户引导至应用中的其他页面，或用作当前页面的目录。

通知是一条消息，用于告知用户系统状态的更新或更改。它可以显示在内容上方或与内容内联显示。

页面是一个布局容器，用于将子元素放置在预定区域。它通常用于在应用程序的各个页面上应用一致的内容定位。

分页是终端用户用于在已分成多个页面的数据（如列表或文档）之间进行导航的控件。

标签是一个紧凑的标签，显示在主要界面区域旁边，用于表示该区域的状态或元数据。

弹出框是一种消息框，用于显示有关元素的额外信息。它可以通过悬停、点击或轻触来显示。

进度是一种可视指示器，用于向用户显示一系列步骤中的进度。它通常用于使用户专注于完成任务。

单选按钮是一个圆形元素，可以在选中时激活或取消激活。它用于从选项列表中选择单个选项。

评分是一个允许用户提交和查看反馈的小部件。这是一种直观地显示围绕产品或项目的观点的方式。

搜索是一种输入框，允许用户通过输入单词或短语来查找内容。

选择框是一种输入类型，允许用户从选项列表中选择一个或多个选项。默认情况下，这些选项是隐藏的，并在用户与元素交互时显示。它在默认折叠状态下显示当前选择的选项。

分隔线用于分隔不同内容区域或项目组，通常包含一条水平线。

滑块是一种表单元素，用于从一定范围内选择值。它通常用于通过沿水平轨道移动滑块手柄来调整设置。

加载器是一个可视指示器，用于显示后台正在进行的进程的状态。它通常用于告知用户在界面准备好进行交互之前需要等待。

堆叠是一种布局容器，用于在其子元素之间应用一致的间距。

开关是一种用于打开或关闭设置的控件。

表格是一种以行和列的形式显示数据集的元素。它通常用于嵌入结构化数据，以便于浏览。

选项卡是在不同信息视图之间导航的一种方式。它用于在较小的区域内容纳更多信息。

标签是一个紧凑的标识，显示在主界面区域旁边，用于表示该区域的状态或元数据。

文本是一种样式组件，用于以一致的字体大小和粗细渲染字符串、单词或段落。

文本区域是一种表单元素，可接受多行文本。

文本字段是一种表单元素，它可以接受单行或多行文本。

标题是描述页面或章节内容的文本。它的大小通常根据其所代表内容的重要性而有所不同。

Toast 是一种短消息，用于告知用户系统状态的更新或更改。它显示在内容上方。

Toggle 是一种用于打开或关闭设置的控件。

Tooltip 是一个消息框，显示有关元素的额外信息。它可以通过悬停、单击或点击来显示。

Typography 是一套用于组织内容的字体大小和字重系统。