AX - セパレーター

概要

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

コンポーネント間に水平線、余白、または視覚的な区切りを追加して、ページの構成と可読性を向上させるために使用します。Experience Builder でセパレーターのスタイル、色、太さ、間隔を設定できます。

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

設定

🎛️ プロパティ

名前	説明	使用方法
タイトル	テキストは、文脈や追加情報を提供するためにセパレーターの横に表示されます。	このプロパティを設定して、セパレーターで区切られるセクションにラベルを付け、ユーザーの理解を深めます。
アイコン名とアイコンサイズ	セパレーターにアイコンを組み合わせて、視覚的な文脈を追加します。アイコンのサイズもデザインの美観に合わせて調整できます。	アイコンを、タイトルを補完したり続くコンテンツを示したりする視覚的な手がかりとして使用し、セパレーターの伝達機能に役立てます。
コンテンツの配置	タイトルとアイコンをセパレーター線に対してどこに配置するかを指定します。オプションには次が含まれます 開始, 末尾、または 中央.	レイアウトやデザインで求められる強調に基づいてコンテンツを配置し、セパレーターがページの流れに自然に組み込まれるようにします。
向き	セパレーターの向きを次に設定 水平 または 垂直とすることで、コンテンツの分け方に柔軟性を持たせます。	コンテンツのレイアウトに最も適した向きを選択します。左右比較でも上下の区分けでも対応できます。

🎨 スタイリング