Ignite UI for Angular

All
  • Public
  • Public/Protected
  • All

Class IgxButtonDirective

The Button directive provides the Ignite UI Button functionality to every component that's intended to be used as a button.

IgxButtonModule

Data Entry & Display

igx-button-theme

button, span, div, click

The Ignite UI Button directive is intended to be used by any button, span or div and turn it into a fully functional button.

<button type="button" igxButton="outlined">A Button</button>

Hierarchy

Hierarchy

  • IgxButtonBaseDirective
    • IgxButtonDirective

Constructors

Properties

Accessors

Methods

Constructors

Properties

buttonClick: EventEmitter<any> = ...

Emitted when the button is clicked.

buttonSelected: EventEmitter<IButtonEventArgs> = ...

Called when the button is selected.

disabled: boolean = false

Enables/disables the button.

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

Sets/gets the role attribute.

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

Accessors

Methods