AX - タブ

概要

AX - タブ Experience Sites のページ上で、コンテンツをラベル付きのタブに整理し、ポータルユーザーがページを離れずに異なるセクションを切り替えられる Experience Cloud コンポーネントです。

関連するコンテンツを整理するのに最適です。たとえば、複数のタブに分かれた製品詳細、複数セクションのフォーム、カテゴリ別リソース、グループ化された情報など、すべてを一度に表示する必要がない内容に使用できます。横向きまたは縦向きのタブレイアウトを選択し、Experience Builder でスタイルを設定できます。

製品情報ページ、複数ステップのフォーム、リソースカテゴリ、アカウントセクション、またはポータルでコンテンツを切り替え可能な表示に整理する必要があるあらゆる場所に最適です。

このコンポーネントは スロットを活用し 高度なカスタマイズが可能で、LWR サイトに最適です。Aura サイトでは、このレベルのカスタマイズはサポートされていません。

チュートリアル

近日公開

設定

🎛️ プロパティ

名前	説明	使用方法
向き	タブの向きを設定します。横向きレイアウトか縦向きレイアウトかを選択できます。	デザイン要件に最も適した向きを選択し、ユーザーのナビゲーションとコンテンツの見やすさを最適化します。
スコープあり	より限定的で特定のスタイルをタブに適用できるよう、スコープ付きスタイル設定を有効にします。	この機能を使用して、コンポーネント内に限定されたスタイルを適用し、他のページ要素との意図しないスタイル競合を防ぎます。
スクロール可能 & スクロールボタン	タブをスクロール可能にし、スクロールボタンの表示を管理することで、タブ数が多い場合でも簡単にナビゲーションできるようにします。	タブの数とレイアウトに基づいてスクロール機能を設定し、ユーザーが利用可能なすべてのタブに簡単にアクセスして移動できるようにします。
CMS コンテンツの背景画像またはコンテンツ背景画像 URL	CMS から画像を選択するか URL を指定して、タブコンテンツ領域の背景をカスタマイズします。	全体のデザインやコンテンツ表示に調和する背景画像を適用して、タブの視覚的な魅力を高めます。
データソース	タブラベルとコンテンツのソースを定義し、ラベル、アイコン、ツールチップなどのタブプロパティを手動で設定できるようにします。	この機能を活用してタブデータをカスタマイズし、各タブに正確なラベルを付け、必要に応じてアイコンやツールチップを追加します。

🎨 スタイリング