crowd-badge - Amazon SageMaker
Amazon Web Services 文档中描述的 Amazon Web Services 服务或功能可能因区域而异。要查看适用于中国区域的差异,请参阅 中国的 Amazon Web Services 服务入门 (PDF)

crowd-badge

一个图标,悬浮在它要附加到的另一个元素的右上角。

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

以下是使用 <crowd-badge> 元素的模板的示例。复制以下代码,并保存到具有 .html 扩展名的文件中。在任何浏览器中打开该文件,进行预览并与该模板进行交互。

属性

此元素支持以下属性。

for

一个字符串,它指定徽章附加到的元素的 ID。

icon

一个字符串,它指定徽章中要显示的图标。该字符串必须是开源 iron-icons 集中的图标的名称(预加载)或者是指向自定义图标的 URL。

此属性覆盖 label 属性。

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

<crowd-badge icon="icon-name" for="short-instructions"/>

标签

要在徽章中显示的文本。建议使用三个或更少字符,因为文本太大将溢出徽章区域。可以通过设置 icon 属性显示图标而非文本。

元素层次结构

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

另请参阅

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