Icon コントロール
Fluent UI アイコンを表示するために使用されるコントロール。
Description
このコントロールは、名前に基づいて Fluent UI Icon を表示します。 これを使用して、カスタム スタイルの Icon のボタンとアクション ボタンを簡単に作成できます。
Icon のリストについては、Fluent UI Icon を参照してください。
重要なプロパティ
Property | Description |
---|---|
ItemIconName |
使用する Fluent UI アイコン (Fluent UI アイコンを参照) |
IconType |
アイコンを Action button 、Icon button 、Icon only タイプとしてレンダリングします |
IconSize |
アイコンのサイズ (ピクセル単位) |
Text |
表示されるテキスト (Action button タイプに対応) |
TextAlignment |
テキストの位置 (Action button と Icon only タイプで機能します) |
Tooltip |
ユーザーがアイコンにカーソルを置いたときにヒントに表示されるテキスト。 |
追加のプロパティ
Property | Description |
---|---|
FontSize |
フォントのサイズ (Action button タイプに対応) |
IconColor |
アイコンの色 |
HoverIconColor |
ホバー時に表示されるアイコンの色 |
FontColor |
フォントの色 |
HoverFontColor |
ホバー時に表示されるフォントの色 |
FillColor |
アイコンの背景塗りつぶしの色 (Action button と Icon button タイプに対応) |
HoverFillColor |
ホバー時に表示される塗りつぶしの色 (Action button と Icon button タイプに対応) |
BorderColor |
アイコンの境界線塗りつぶしの色 (Action button と Icon button タイプに対応) |
HoverBorderColor |
ホバー時に表示される境界線の色 |
BorderRadius |
コーナーの丸さ (Action button と Icon button タイプで機能します) |
Theme |
Fluent UI テーマ デザイナー (windows.net) を使用して生成された JSON 文字列を受け入れます。 これを空白のままにすると、Power Apps が定義した既定のテーマが使用されます。 構成方法に関するガイドラインは、テーマ を参照してください。 |
AccessibilityLabel |
スクリーン リーダーの aria-label |
InputEvent |
コントロールに送信するイベント。 |
Behavior
- SetFocus を
InputEvent
としてサポートします。
制限
このコード コンポーネントは、キャンバス アプリとカスタム ページでのみ使用できます。