按鈕元件

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

使用狀況

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

版本和相容性

Button Component的目前版本為v1,此版本於2019年6月隨核心元件2.5.0版推出,並在本檔案中加以說明。

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

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

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

元件輸出示例

若要體驗「按鈕元件」,並檢視其設定選項的範例以及HTML和JSON輸出,請造訪元件庫

技術詳細資訊

有關Button Component 的最新技術文檔可在GitHub上找到。

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

配置對話框

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

屬性頁籤

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

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

輔助功能頁籤

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

在​Accessibility​標籤上,可為元件的ARIA accessibility標籤設定值。

  • Label —— 元件的ARIA label屬性的值

設計對話框

樣式標籤

Button Component支援AEM Style System

本頁內容