An @Input property that disables the IgxInputGroupComponent.
<igx-input-group [disabled]="'true'"></igx-input-group>An ElementRef property of the IgxInputGroupComponent.
An @Input property that sets the value of id attribute. If not provided it will be automatically generated.
<igx-input-group [id]="'igx-input-group-55'"></igx-input-group>Returns the theme of the component.
The default theme is comfortable.
Available options are comfortable, cosy, compact.
let componentTheme = this.component.displayDensity;Sets the theme of the component.
Returns whether the IgxInputGroupComponent has border.
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let inputBroder = this.inputGroup.hasBorder;
}Returns whether the IgxInputGroupComponent has hints.
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let inputHints = this.inputGroup.hasHints;
}Returns whether the IgxInputGroupComponent type is border.
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeBorder = this.inputGroup.isTypeBorder;
}Returns whether the IgxInputGroupComponent type is box.
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeBox = this.inputGroup.isTypeBox;
}Returns whether the IgxInputGroupComponent type is Fluent.
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeFluent = this.inputGroup.isTypeFluent;
}Returns whether the IgxInputGroupComponent type is fluentSearch.
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeFluentSearch = this.inputGroup.isTypeFluentSearch;
}Returns whether the IgxInputGroupComponent type is line.
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeLine = this.inputGroup.isTypeLine;
}Returns whether the IgxInputGroupComponent type is search.
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeSearch = this.inputGroup.isTypeSearch;
}Returns whether the input element of the input group will be automatically focused on click.
let supressInputAutofocus = this.inputGroup.supressInputAutofocus;Sets whether the input element of the input group will be automatically focused on click.
<igx-input-group [supressInputAutofocus]="true"></igx-input-group>Returns the type of the IgxInputGroupComponent. How the input is styled.
Values are line - 0, box - 1, border - 2, fluent - 3 fluentSearch - 4 and search - 5. The default is line.
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let inputType = this.inputGroup.type;
}An @Input property that sets how the input will be styled.
The allowed values are line, box, border, fluent, search and fluentSearch. The default is line.
<igx-input-group [type]="'search'">
Property that enables/disables the autogenerated class of the
IgxInputGroupComponent. By default applied the class is applied.@ViewChild("MyInputGroup") public inputGroup: IgxInputGroupComponent; ngAfterViewInit(){ this.inputGroup.defaultClass = false;}