按鈕元件

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

使用狀況

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

版本和相容性

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支援AEMStyle System

Adobe客戶端資料層

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now