コンテンツにスキップ

アバター

アバターはアイコン状のイメージコンポーネントです。クリックによりメニューを開くことも可能です。

プロパティ

No項目入力値デフォルト値アクションプロパティタイプアクションデフォルト値説明
1ID文字列自動設定idstring自動設定[id]プロパティはアクションで設定はできません。
2文字列40widthnumber/string40コンポーネントの幅 
3高さ文字列40heightnumber/string40コンポーネントの高さ
4X文字列xnumber/stringX座標の位置
5Y文字列ynumber/stringY座標の位置
6サイズ選択
1. 小
2. 中
3. 大
4. 指定なし
指定なしsizestringnoneアバターのサイズ設定
7スタイル選択
1. 円
2. 角丸
3.正方形
variantstringcircularアバターの形状
8文字列
カラーピッカー
colorstringアバターの色
9バッジ真偽OFFbadgebooleanfalseバッジの表示状態
10表示真偽ONvisibilitybooleantrueコンポーネントの表示状態
11文字列valuestringファイルマネージャへのパス
12レター文字列letterstringアバターに表示する文字
13クリックイベント選択
1. なし
2. メニュー
なしclickEventクリック時の動作
14メニューアイテム表形式
[詳細1]
[詳細1]menuItemsobject array[詳細1]メニューアイテムの設定

[詳細1] メニューアイテム

デフォルトの状態は以下のように登録されています。[ADD]ボタンから登録します。
削除する場合は、チェックボックスを選択して、[DELETE]ボタンをクリックします。

選択IDICONLABELCLICK EVENTNEXT UIURLDIVIDER
チェックボックスProfileAccountCircleProfileNoneいいえ
チェックボックスMFA_SettingSettingsMFA SettingNextUiMFA Setting step1いいえ
チェックボックスChange_PasswordLockResetChange passwordNextUiChange Passwordいいえ
チェックボックスSign_OutLogoutSign outNextUiSign Outいいえ

menuItemsはオブジェクトの配列形式になります。

[
{"id":"Profile","icon":"AccountCircle","label":"Profile","clickEvent":"None","nextUi":"","url":"","divider":false},
{"id":"MFA_Setting","icon":"Settings","label":"MFA Setting","clickEvent":"NextUi","nextUi":"MFA_Setting_Step1_code","url":"","divider":false},
{"id":"Change_Password","icon":"LockReset","label":"Change Password","clickEvent":"NextUi","nextUi":"Change_Password_code","url":"","divider":false},
{"id":"Sign_Out","icon":"Logout","label":"Sign Out","clickEvent":"NextUi","nextUi":"Sign_Out_code","url":"","divider":false}
]

イベント

イベント名説明
onclickクリックした時にアクションを実行します。