按鈕元件

核心元件按鈕元件可在頁面上設定及顯示按鈕項目。

使用狀況

核心元件按鈕元件可在頁面上包含按鈕。

版本與相容性

目前的按鈕元件版本為v1,已於2019年6月隨核心元件2.5.0版推出,本檔案將加以說明。

下表詳細說明所有支援的元件版本、與元件版本相容的AEM版本,以及舊版檔案的連結。

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

如需核心元件版本和版本的詳細資訊,請參閱檔案核心元件版本

範例元件輸出

若要體驗按鈕元件以及查看其設定選項的範例以及HTML和JSON輸出,請造訪元件程式庫

技術詳細資訊

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

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

配置對話框

「設定」對話方塊可讓內容作者定義按鈕,以及按鈕的行為和顯示方式,供頁面的訪客使用。

屬性標籤

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

  • 文字 — 要在按鈕上顯示的文字
  • 連結 — 連結至AEM、外部資源或錨點內的內容頁面
    • 使用​選擇對話框​選擇AEM內的路徑。
  • 圖示 — 在按鈕中顯示圖示的識別碼
  • ID — 此選項可控制HTML和資料層中元件的唯一 識別碼
    • 若保留為空白,系統會自動為您產生唯一ID,並且可透過檢查產生的頁面來找到。
    • 若已指定ID,則作者應負責確認其唯一。
    • 變更ID可能會影響CSS、JS和資料層追蹤。

協助工具標籤

按鈕元件的編輯對話方塊的協助工具索引標籤

在​協助工具​標籤上,可以為元件的ARIA協助工具標籤設定值。

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

設計對話方塊

樣式標籤

按鈕元件支援AEM 樣式系統

Adobe用戶端資料層

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

本頁內容