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> Copy
<button type="button" igxButton="outlined">A Button</button>
Emitted when the button is clicked.
Called when the button is selected.
Enables/disables the button.
<button igxButton="fab" disabled></button> Copy
<button igxButton="fab" disabled></button>
Sets/gets the role attribute.
role
this.button.role = 'navbutton';let buttonRole = this.button.role; Copy
this.button.role = 'navbutton';let buttonRole = this.button.role;
Sets the aria-label attribute.
aria-label
<button type="button" igxButton="flat" igxLabel="Label"></button> Copy
<button type="button" igxButton="flat" igxLabel="Label"></button>
Returns the underlying DOM element.
Gets or sets whether the button is selected. Mainly used in the IgxButtonGroup component and it will have no effect if set separately.
<button type="button" igxButton="flat" [selected]="button.selected"></button> Copy
<button type="button" igxButton="flat" [selected]="button.selected"></button>
Sets the type of the button.
<button type="button" igxButton="outlined"></button> Copy
<button type="button" igxButton="outlined"></button>
The Button directive provides the Ignite UI Button functionality to every component that's intended to be used as a button.
Igx Module
IgxButtonModule
Igx Parent
Data Entry & Display
Igx Theme
igx-button-theme
Igx Keywords
button, span, div, click
Remarks
The Ignite UI Button directive is intended to be used by any button, span or div and turn it into a fully functional button.
Example