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/icon-button.directive.ts:28

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:40

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:96

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:23

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:52

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:121

Returns any

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:54

Example

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

Parameters

Returns void