Amazon Web Services 文档中描述的 Amazon Web Services 服务或功能可能因区域而异。要查看适用于中国区域的差异，请参阅中国的 Amazon Web Services 服务入门。

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

crowd-icon-button

图像位于其中心的按钮。当用户触摸该按钮时，会从按钮中心发出波纹效果。

请参阅中使用此 Crowd HTML 元素的 HTML 模板的交互式示例CodePen.

以下是为使用 <crowd-icon-button> 元素的图像分类设计的 Liquid 模板的示例。该模板使用 JavaScript 以使工作人员能够报告工作人员 UI 问题。复制以下代码，并将其保存到具有扩展名的文件中。.html. 在任何浏览器中打开该文件，以进行预览并与该模板进行交互。

属性

此元素支持以下属性。

disabled

一个布尔值开关，如果存在，将按钮显示为已禁用并防止点击。

icon

一个字符串，它指定要显示在按钮中心的图标。该字符串必须是开源 iron-icons 集中的图标的名称（预加载）或者是指向自定义图标的 URL。

以下是可用于在 <crowd-icon-button> HTML 元素中添加 iron-icon 的语法的示例。请将 icon-name 替换为要从该图标集中使用的图标的名称。

<crowd-icon-button id="button1" icon="icon-name" title="Issue"/>

元素层次结构

此元素具有以下父元素和子元素。

另请参阅

有关更多信息，请参阅下列内容。