按鈕元件

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

使用狀況

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

版本和相容性

按鈕元件的當前版本是v2,該版本於2022年2月隨核心元件2.18.0版一起推出,本文檔對此進行了說明。

下表詳細說明了元件的所有受支援版本、AEM元件版本與之相容的版本,以及指向早期版本文檔的連結。

元件版本 AEM 6.4 AEM 6.5 AEM as a Cloud Service
v2 - 相容 相容
v1 相容 相容 相容

有關核心元件版本和版本的詳細資訊,請參閱文檔 核心元件版本

元件輸出示例

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

技術詳細資訊

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

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

配置對話框

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

屬性頁籤

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

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

輔助功能頁籤

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

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

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

樣式頁籤

按鈕元件編輯對話框的「樣式」頁籤

按鈕元件支AEM持 樣式系統。

使用下拉框選擇要應用於元件的樣式。 在編輯對話框中所做的選擇與從元件工具欄中選擇的選項具有相同的效果。

必須在 設計對話框 以便下拉菜單可用。

設計對話框

樣式頁籤

按鈕元件支AEM持 樣式系統

Adobe客戶端資料層

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

本頁內容