For the complete documentation index, see llms.txt. This page is also available as Markdown.

AX - アコーディオンセクション

概要

AX - アコーディオンセクション は、Experience Cloud コンポーネントで、〜内に個別の折りたたみ可能なセクションを作成します。 AX - アコーディオン Experience Sites ページ上のコンポーネントです。

アコーディオン内で使用して、コンテンツを個別の展開可能な領域に整理します。各セクションはコンテナーとして機能し、テキスト、画像、フォーム、リスト、カスタムコンポーネントなど、任意の Experience Cloud コンポーネントをドラッグ&ドロップして、セクションのコンテンツを作成できます。

FAQ、手順説明、機能比較、または複数の異なるレイアウトを必要とするアコーディオンコンテンツの構成に最適です。

設定

プロパティ

タイトル ここでセクション名を入力します。タイトルの後には、任意の他のコンポーネントを配置できるコンテンツ領域があります。

バリアント セクションのスタイルを設定します: ベース または シェーディング.

開くアイコン名 と 閉じるアイコン名 セクションが展開されたときと折りたたまれたときに、それぞれ表示されるアイコンを設定します。

アイコンの位置 展開/折りたたみアイコンを 左 または 右. アイコンサイズ サイズを設定します: 極小, 極小, 小, 中、または 大.

アイコンを非表示 展開/折りたたみアイコンを非表示にします。

コンテンツ領域以外では、ヘッダーはスロットを通じてカスタムのタイトル内容とヘッダーアクションをサポートします。

スタイリング

〜からセクションの外観をカスタマイズします。 [スタイル] プロパティエディタのセクションからカスタマイズします。

セクションコンテナーのスタイルを設定します。

  • 余白 / パディング: 外側と内側の間隔を設定します。

  • 背景色: コンテナーの背景を設定します。

  • 境界線の色 / サイズ / スタイル / 半径: コンテナーの境界線を制御します。

セクションヘッダーのスタイルを設定します。

  • 余白 / パディング: 外側と内側の間隔を設定します。

  • 背景色: ヘッダーの背景を設定します。

  • 境界線の色 / サイズ / スタイル / 半径: ヘッダーの境界線を制御します。

折りたたみ可能な本文のスタイルを設定します。

  • 余白 / パディング: 外側と内側の間隔を設定します。

  • 背景色: コンテンツの背景を設定します。

  • 境界線の色 / サイズ / スタイル / 半径: コンテンツの境界線を制御します。

ヘッダーのタイトルテキストのスタイルを設定します。

  • 色: タイトルの色を設定します。

  • フォントサイズ / フォントスタイル / フォントウェイト: タイトルのタイポグラフィを制御します。

展開/折りたたみアイコンのスタイルを設定します。

  • 背景色: アイコンの背後の色を設定します。

  • 前景色 / ホバー時の前景色: デフォルト状態とホバー状態のアイコン色を設定します。

アイコンの境界線をカスタマイズします。

  • 色 / サイズ / スタイル / 半径: アイコンの境界線の表示を制御します。

最終更新

役に立ちましたか?