按鈕元件

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

使用狀況

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

• 可在configure dialog中選擇按鈕的屬性。
• 可在設計對話框中定義「按鈕元件」的樣式。

版本和相容性

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

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

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

元件輸出示例

若要體驗「按鈕元件」，並檢視其設定選項的範例以及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。