AX - 区切り線

概要

AX - 区切り線 は、Experience Sites ページのコンテンツセクション間に視覚的な区切りを作成する Experience Cloud コンポーネントです。

これを使用して、コンポーネント間に水平線、スペース、または視覚的な区切りを追加し、ページの構成と読みやすさを向上させます。Experience Builder で、区切り線のスタイル、色、太さ、間隔を設定します。

フォームのセクションを分けたり、コンテンツブロックを区切ったり、長いページを整理したりするのに最適です。ポータルで異なるコンテンツ領域を明確に視覚的に分離したい場合に使用します。

設定

プロパティ

タイトル は、区切り線の横に表示されて文脈や追加情報を提供し、区切り線で分けられるセクションにラベルを付けるテキストです。

アイコン名 は、追加の視覚的な文脈を与えるために区切り線と一緒に表示されるアイコンを組み込みます。 アイコンサイズ は、デザインに合うようにアイコンのサイズを調整します。タイトルを補完したり、続くコンテンツを示したりする視覚的な手がかりとして役立ちます。

コンテンツの配置 は、区切り線に対するタイトルとアイコンの配置を決定します。 先頭, 末尾、または 中央.

向き は、区切り線の向きを次のように設定します。 水平 または 垂直。これにより、左右比較や上下分割など、コンテンツの分け方に柔軟性が生まれます。

スタイル

タイトル

色、フォントサイズ、スタイル、太さのオプションを使って、タイトルの外観をカスタマイズします。タイトルが適切に目立ち、サイト全体のデザイン方針と一貫性を保てるようにスタイル設定します。

アイコン

背景色、前景色、前景色の既定状態、角を丸くするためのアイコンの半径を使って、アイコンのスタイルを設定します。アイコンの見た目を微調整して、より目立たせたり控えめにしたりし、デザイン目標に合わせます。

ボーダー

サイズ、色、スタイル（実線、破線、点線など）を設定して、区切り線のボーダーを定義します。ボーダー設定を調整して、強調された線からより繊細な区切りまで、コンテンツセクション間の望ましい差別化を作成します。