分隔符组件 separator-component

核心组件分隔符组件显示分隔内容的水平规则。

用途 usage

使用分隔符组件,内容作者可以轻松地创建水平规则作为内容之间的隔断,以更好地排列页面上的信息。

版本和兼容性 version-and-compatibility

分隔符组件的当前版本是 V1,此版本随 2019 年 2 月的核心组件发行版 2.3.0 的发布引入,具体说明见本文。

下表详细说明了该组件的所有受支持版本、与该组件的版本兼容的 AEM 版本以及指向早期版本文档的链接。

组件版本
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v1

版本 2.17.4 和更低版本兼容
兼容
兼容

示例组件输出 sample-component-output

要体验分隔符组件并查看其配置选项示例以及 HTML 和 JSON 输出,请访问组件库

技术详细信息 technical-details

在 GitHub 上可找到有关分隔符组件的最新技术文档。

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

“配置”对话框 configure-dialog

分隔符组件的“编辑”对话框

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

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

“设计”对话框 design-dialog

利用“设计”对话框,模板作者可以定义应用于分隔符组件的样式。

“样式”选项卡 styles-tab

分隔符组件支持 AEM 样式系统

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