AX - アイコン

概要

AX - アイコン Salesforce Lightning Design System のアイコンライブラリのアイコンを Experience Sites ページに表示する Experience Cloud コンポーネントです。

ポータル全体で、アクション、ステータス、カテゴリ、またはナビゲーション要素の視覚的な指標を追加するために使用します。Experience Builder でアイコン、サイズ、色、スタイルを設定し、ポータルのデザインに合わせます。

ステータス指標、アクションボタン、セクション見出し、ナビゲーション要素、または読みやすさと認識性を向上させるためにポータルで視覚的な記号が必要なあらゆる場所に最適です。

設定

🎛️ プロパティ

名前	説明	使用方法
アイコン名	表示するアイコンの名前を選択します。	関連するコンテンツやアクションを明確に表し、補完するアイコンを選択してください。
アイコンサイズ	アイコンのサイズを設定します。	アイコンがはっきりと表示され、ページレイアウト内に調和して組み込まれるサイズを選択してください。
バリアント	アイコンの事前定義済みのスタイルバリエーションを選択します。	アイコンの文脈上の意味やアクションに合致し、その視覚的な伝達を強化するバリアントを選択してください。
タイトル	アイコンのタイトルを定義します。	アイコンにカーソルを合わせたときに、ユーザーへ追加の文脈や情報を提供するタイトルを入力してください。
代替テキスト	アイコンの代替テキストを指定します。	アイコンの意味やアクションを伝える説明テキストを入力し、アクセシビリティを確保して SEO を向上させます。
水平方向の配置	コンテナ内でのアイコンの水平配置を決定します。	コンテンツレイアウト内で最適な位置に配置され、視覚的なバランスと流れが保たれるよう、アイコンを整列します。

🎨 スタイリング