按鈕元件

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

使用狀況

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

• 可在配置對話框中選擇按鈕的屬性。
• 可在design對話框中定義按鈕元件的樣式。

版本與相容性

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

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

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

範例元件輸出

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

技術詳細資訊

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

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

配置對話框

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

屬性標籤

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

協助工具標籤

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

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

設計對話方塊

樣式標籤

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

Adobe用戶端資料層

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