区切り文字コンポーネント separator-component

コアコンポーネントの区切り文字コンポーネントは、コンテンツを区切るための横罫線を表示します。

使用方法 usage

区切り文字コンポーネントを使用すれば、コンテンツ間の区切りとして横罫線を手軽に作成して、ページ上の情報をうまく整理できます。

バージョンと互換性 version-and-compatibility

このドキュメントでは、区切り文字コンポーネントの現在のバージョン(2019年2月にコアコンポーネントのリリース 2.3.0 で導入された v1)について説明します。

コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。

コンポーネントのバージョン
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v1
リリース 2.17.4 以前と互換性あり
互換性あり
互換性あり

コンポーネント出力のサンプル sample-component-output

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

技術的詳細 technical-details

区切り文字コンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。

コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。

設定ダイアログ configure-dialog

区切り文字コンポーネントの編集ダイアログ

  • ID - このオプションを使用すると、HTML 内および データレイヤー内のコンポーネントの一意の識別子を制御できます。

    • 空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
    • ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
    • ID を変更すると、CSS、JS、およびデータレイヤーのトラッキングに影響を与える可能性があります。

デザインダイアログ design-dialog

デザインダイアログでは、区切り文字コンポーネントに適用するスタイルをテンプレート作成者が定義できます。

「スタイル」タブ styles-tab

区切り文字コンポーネントでは、AEM スタイルシステムをサポートしています。

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c