按钮组件
利用核心组件按钮组件，可在页面上配置和显示按钮。
小贴士您是否考虑过使用适合 AEM 的 Edge Delivery Services？
您可以继续为现有项目使用本文档中描述的方法。但是对于新项目，Adobe 建议使用 Edge Delivery Services。
用途
利用核心组件按钮组件，可在页面上包含按钮。
版本和兼容性
按钮组件的当前版本是 v2，此版本随 2022 年 2 月的核心组件发行版 2.18.0 的发布引入，具体说明见本文。
下表详细说明了该组件的所有受支持版本、与该组件的版本兼容的 AEM 版本以及指向早期版本文档的链接。
| 组件版本 | AEM 6.4 | AEM 6.5 | AEM 6.5 LTS | AEM as a Cloud Service |
|---|---|---|---|---|
| v2 | - | 兼容 | 兼容 | 兼容 |
| v1 | 兼容 | 兼容 | - | 兼容 |
有关核心组件版本的更多信息，请参阅文档核心组件版本。
示例组件输出
要体验按钮组件并查看其配置选项示例以及 HTML 和 JSON 输出，请访问组件库。
技术详细信息
在 GitHub 上可找到有关按钮组件的最新技术文档。
在核心组件开发人员文档中可找到有关开发核心组件的其他详细信息。
“配置”对话框
利用“配置”对话框，内容作者可以定义按钮，以及对于页面的访客它会如何表现和显示。
“属性”选项卡
-
文本 - 在按钮上显示的文本
-
链接 - 与 AEM 中的内容页面、外部资源或锚点的链接。
- 使用 “选择”对话框 可在 AEM 中选择路径。
-
在新标签页中打开链接 - 在选中时，将在一个新的浏览器标签页中打开链接。
-
图标 - 在按钮中显示图标的标识符
-
ID - 利用此选项，可以控制 HTML 和 Data Layer 中的组件的唯一标识符。
- 如果留空，系统会自动为您生成一个唯一 ID，可以通过检查结果页面找到该 ID。
- 如果指定一个 ID，作者有责任确保它是唯一的。
- 更改此 ID 会对 CSS、JS 和 Data Layer 跟踪产生影响。
