文档AEM核心组件指南

按钮组件 (v1) button-component

Last update: Sun May 21 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • Developer
  • Admin
  • User

利用核心组件按钮组件，可在页面上配置和显示按钮。

用途 usage

利用核心组件按钮组件，可在页面上包含按钮。

版本和兼容性 version-and-compatibility

本文档介绍了按钮组件 v1，此版本随 2019 年 6 月的核心组件发行版本 2.5.0 的发布引入。

CAUTION
本文档介绍了按钮组件 v1。
有关当前版本的按钮组件的详细信息，请参阅按钮组件文档。

示例组件输出 sample-component-output

要体验按钮组件并查看其配置选项示例以及 HTML 和 JSON 输出，请访问组件库。

技术详细信息 technical-details

在 GitHub 上可找到有关按钮组件的最新技术文档。

在核心组件开发人员文档中可找到有关开发核心组件的其他详细信息。

“配置”对话框 configure-dialog

利用“配置”对话框，内容作者可以定义按钮，以及对于页面的访客它会如何表现和显示。

“属性”选项卡 properties-tab

按钮组件“编辑”对话框的“属性”选项卡

  • 文本 - 在按钮上显示的文本

  • 链接 - 与 AEM 中的内容页面、外部资源或锚点的链接。

    • 使用​ “选择”对话框 ​可在 AEM 中选择路径。

  • 图标 - 在按钮中显示图标的标识符

  • ID - 利用此选项，可以控制 HTML 和 Data Layer 中的组件的唯一标识符。

    • 如果留空，系统会自动为您生成一个唯一 ID，可以通过检查结果页面找到该 ID。
    • 如果指定一个 ID，作者有责任确保它是唯一的。
    • 更改此 ID 会对 CSS、JS 和 Data Layer 跟踪产生影响。

“辅助功能”选项卡 accessibility-tab

按钮组件“编辑”对话框的“辅助功能”选项卡

在​ 辅助功能 ​选项卡上，可以为组件的 ARIA 辅助功能标签设置值。

  • 标签 - 组件的 ARIA 标签属性的值

“设计”对话框 design-dialog

“样式”选项卡 styles-tab

按钮组件支持 AEM 样式系统。

Adobe Client Data Layer data-layer

按钮组件支持 Adobe Client Data Layer。

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c