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

buttonClick: EventEmitter<any> = ...

Emitted when the button is clicked.

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

Enables/disables the button.

Example

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

Sets/gets the role attribute.

Example

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

Accessors

Methods

  • Sets the --component-size CSS variable based on the value of Display Density

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