The IgxIconButtonDirective 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/icon-button.directive.ts:26

Returns IgxIconButtonDirective

Properties

Section titled "Properties"

buttonClick

Section titled "buttonClick"

Inherited from: IgxButtonBaseDirective

Emitted when the button is clicked.

 
buttonClick: EventEmitter<any>

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

disabled

Section titled "disabled"

Inherited from: IgxButtonBaseDirective

Enables/disables the button.

 
disabled: boolean = false

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

Example

<button igxButton="fab" disabled></button>

element

Section titled "element"

Inherited from: IgxButtonBaseDirective 

element: ElementRef<any>

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

role

Section titled "role"

Inherited from: IgxButtonBaseDirective

Sets/gets the role attribute.

 
role: string = 'button'

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

Example

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

Accessors

Section titled "Accessors"

nativeElement

Section titled "nativeElement"

Inherited from: IgxButtonBaseDirective

Returns the underlying DOM element.

get nativeElement(): any

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

Returns any

Methods

Section titled "Methods"

ngAfterViewInit

Section titled "ngAfterViewInit"

Inherited from: IgxButtonBaseDirective

A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.

ngAfterViewInit(): void

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

Returns void

ngOnDestroy

Section titled "ngOnDestroy"

Inherited from: IgxButtonBaseDirective

A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

ngOnDestroy(): void

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

Returns void