The icon button provides a way to use an icon as a fully functional button.

Example

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

Constructors

Section titled "Constructors"

IgxIconButtonDirective 

new IgxIconButtonDirective(): IgxIconButtonDirective

Defined in projects/igniteui-angular/directives/src/directives/button/button-base.ts:60

Returns IgxIconButtonDirective

Properties

Section titled "Properties"

buttonClick

Section titled "buttonClick"

Inherited from: IgxButtonBaseDirective

Emitted when the button is clicked.

 
buttonClick: EventEmitter<MouseEvent>

Defined in projects/igniteui-angular/directives/src/directives/button/button-base.ts:53

Accessors

Section titled "Accessors"

disabled

Section titled "disabled"

Inherited from: IgxButtonBaseDirective 

get disabled(): boolean

Defined in projects/igniteui-angular/directives/src/directives/button/button-base.ts:47

Returns boolean

Gets or sets whether the button is disabled.

 
set disabled(value: boolean): void

Defined in projects/igniteui-angular/directives/src/directives/button/button-base.ts:43

Example

<button type="button" igxButton="flat" [disabled]="isDisabled"></button>

Parameters

  • value: boolean

Returns void

nativeElement

Section titled "nativeElement"

Inherited from: IgxButtonBaseDirective

Returns the underlying DOM element.

 
get nativeElement(): HTMLElement

Defined in projects/igniteui-angular/directives/src/directives/button/button-base.ts:56

Returns HTMLElement

type

Section titled "type"

Sets the type of the icon button.

 
set type(type: IgxIconButtonType): void

Defined in projects/igniteui-angular/directives/src/directives/button/icon-button.directive.ts:42

Example

<button type="button" igxIconButton="flat"></button>

Parameters

Returns void