Ignite UI for Angular

All
  • Public
  • Public/Protected
  • All

Class IgxIconButtonDirective

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>

Hierarchy

Hierarchy

  • IgxButtonBaseDirective
    • IgxIconButtonDirective

Constructors

Properties

Accessors

Constructors

constructor

Properties

buttonClick

buttonClick: EventEmitter<any> = ...

Emitted when the button is clicked.

disabled

disabled: boolean = false

Enables/disables the button.

Example

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

element

element: ElementRef<any>

role

role: string = 'button'

Sets/gets the role attribute.

Example

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

Accessors

nativeElement

type