Class IgxIconButtonDirective

IgxIconButtonDirective は、アイコンを完全に機能するボタンとして使用する方法を提供します。

<button type="button" igxIconButton="outlined">
<igx-icon>home</igx-icon>
</button>

階層

Hierarchy

  • IgxButtonBaseDirective
    • IgxIconButtonDirective

コンストラクター

プロパティ

buttonClick: EventEmitter<any> = ...

ボタンがクリックされたときに発行されます。

densityChanged: EventEmitter<IDensityChangedEventArgs> = ...
disabled: boolean = false

ボタンを有効/無効にします。

<button igxButton="fab" disabled></button>
element: ElementRef<any>
role: string = 'button'

role 属性を取得または設定します。

this.button.role = 'navbutton';
let buttonRole = this.button.role;

アクセサー

メソッド

  • 表示密度の値に基づいて --component-size CSS 変数を設定します。

    返却 "var(--ig-size, var(--ig-size-small))" | "var(--ig-size, var(--ig-size-medium))" | "var(--ig-size, var(--ig-size-large))"