Show Menu
TOPICS×

ボタンコンポーネント

コアコンポーネントのボタンコンポーネントを使用すると、ページ上にボタンアイテムを設定および表示することができます。

使用方法

コアコンポーネントのボタンコンポーネントを使用すると、ページにボタンを含めることができます。

バージョンと互換性

このドキュメントでは、ボタンコンポーネントの現在のバージョン(2019 年 6 月にコアコンポーネントのリリース 2.5.0 で導入された v1)について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
コンポーネントのバージョン
AEM 6.3
AEM 6.4
AEM 6.5
v1
互換性あり
互換性あり
互換性あり
コアコンポーネントのバージョンとリリースについて詳しくは、 コアコンポーネントのバージョン を参照してください。

コンポーネント出力のサンプル

ボタンコンポーネントを実際に体験し、その設定オプションや HTML および JSON 出力の例を確認するには、 コンポーネントライブラリ を参照してください。

技術的詳細

Button Componentに関する最新の技術ドキュメントは、GitHub で入手できます
コアコンポーネントの開発について詳しくは、 コアコンポーネント開発者向けドキュメント を参照してください。

設定ダイアログ

設定ダイアログでは、ボタンそのものと、ページの訪問者に対するボタンの動作および表示をコンテンツ作成者が定義できます。

「プロパティ」タブ

  • テキスト
    - ボタンに表示するテキスト
  • リンク
    - AEM 内のコンテンツページ、外部リソース、アンカーへのリンク
    • 選択ダイアログ
      ​を使用して、AEM 内のパスを選択します
  • アイコン
    - ボタンにアイコンを表示するための識別子

「アクセシビリティ」タブ

On the
Accessibility
tab, values can be set for ARIA accessibility labels for the component.
  • ラベル
    - コンポーネントの ARIA ラベル属性の値

デザインダイアログ

「スタイル」タブ

画像コンポーネントは AEM スタイルシステム をサポートします。