icon

iconの主な機能

• Angular Materialのiconコンポーネントを使ったボタン
• 組込機能の呼び出し

プロパティ	内容	必須	国際化	備考
type	widgetsの種別	必須		icon
target	組込機能対象キー			組込機能を使う場合は必須
icon	アイコン名 [1]	必須
kind	機能種別 [2]	必須		アプリ内でユニークな値を指定
tooltip	tooltip文		対象	kind=tooltipの場合は必須
tooltipPosition	tooptip表示位置			above/below/left/right/before/after

指定可能な組込機能

kind	処理内容
add	array要素の追加
remove	array要素の削除
tooltip	ツールチップの表示

iconのレイアウトサンプル(arrayでのアイテムの追加・削除):

[
  {
    'type': 'icon',
    'kind': 'add',
    'icon': 'add_circle_outline',
    'target': 'selectInput',
    'flex': '1 1 auto'
  },
  {
    'type': 'icon',
    'kind': 'remove',
    'icon': 'remove_circle_outline',
    'target': 'selectInput',
    'flex': '1 1 auto'
  },
  {
    'type': 'select',
    'master': 'InputTargetKind',
    'key': 'docType',
    'hintTarget': 'keyword',
    'title': 'docType',
    'flex': '2 1 auto'
  },
  {
    'type': 'input',
    'key': 'keyword',
    'title': 'keyword',
    'hintMaster': 'InputTargetKind',
    'hintKey': 'docType',
    'hint': 'hint',
    'hintPosition': 'start',
    'viewRemaining': true,
    'maxLength': 200,
    'flex': '16 1 auto'
  }
]

脚注

[1]	指定できるアイコン名は https://material.io/icons/ を参照してください。

[2]	組込機能以外のkindを指定した場合は、呼出し元にcallbackされます。