按鈕元件(v1)

核心元件按鈕元件允許在頁面上配置和顯示按鈕項。

使用狀況

核心元件按鈕元件允許在頁面中包含按鈕。

版本和相容性

該文檔描述了2019年6月隨核心元件2.5.0版推出的按鈕元件v1。

注意

本文檔介紹按鈕元件的v1。

有關按鈕元件當前版本的詳細資訊,請參閱 按鈕元件 的子菜單。

元件輸出示例

要體驗按鈕元件,並查看其配置選項以及HTML和JSON輸出的示例,請訪問 元件庫

技術詳細資訊

有關按鈕元件的最新技術文檔 可在GitHub上找到

有關開發核心元件的詳細資訊,請參閱 核心元件開發人員文檔

配置對話框

「配置」對話框允許內容作者定義按鈕及其行為和對頁面訪問者的顯示方式。

屬性頁籤

按鈕元件編輯對話框的屬性頁籤

  • 文本 — 按鈕上顯示的文本
  • 連結 — 連結到內部、外AEM部資源或錨點的內容頁
    • 使用 選擇對話框 的子例AEM行。
  • 表徵圖 — 用於在按鈕中顯示表徵圖的標識符
  • ID — 此選項允許控制HTML和 資料層
    • 如果留空,則系統會為您自動生成唯一ID,並通過檢查生成的頁面來找到它。
    • 如果指定了ID,則作者有責任確保其唯一。
    • 更改ID可能會影響CSS、JS和資料層跟蹤。

輔助功能頁籤

按鈕元件編輯對話框的輔助功能頁籤

輔助功能 頁籤,可為 ARIA輔助功能 元件的標籤。

  • 標籤 — 元件的ARIA標籤屬性的值

設計對話框

樣式頁籤

按鈕元件支AEM持 樣式系統

Adobe客戶端資料層

按鈕元件支援 Adobe客戶端資料層。

本頁內容