Constructors

Section titled "Constructors"

IgxInputGroupComponent

new IgxInputGroupComponent(): IgxInputGroupComponent

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:230

Returns IgxInputGroupComponent

Properties

Section titled "Properties"

defaultClass

Section titled "defaultClass"

Property that enables/disables the auto-generated class of the IgxInputGroupComponent. By default applied the class is applied.

@ViewChild("MyInputGroup")
 public inputGroup: IgxInputGroupComponent;
 ngAfterViewInit(){
 this.inputGroup.defaultClass = false;

}

 
defaultClass: boolean = true

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:75

element

Section titled "element" 
element: ElementRef<HTMLElement>

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:40

suppressInputAutofocus

Section titled "suppressInputAutofocus"

Prevents automatically focusing the input when clicking on other elements in the input group (e.g. prefix or suffix).

 
suppressInputAutofocus: boolean = false

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:111

Remarks

Automatic focus causes software keyboard to show on mobile devices.

Example

<igx-input-group [suppressInputAutofocus]="true"></igx-input-group>

resourceStrings

Section titled "resourceStrings" 
resourceStrings: IInputResourceStrings

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:52, projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:59

theme

Section titled "theme" 
theme: IgxTheme

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:212, projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:226

type

Section titled "type" 
type: IgxInputGroupType

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:182, projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:197

Accessors

Section titled "Accessors"

hasBorder

Section titled "hasBorder"

Returns whether the IgxInputGroupComponent has border.

@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let inputBorder = this.inputGroup.hasBorder;
}
get hasBorder(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:315

Returns boolean

hasHints

Section titled "hasHints"

Returns whether the IgxInputGroupComponent has hints.

@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let inputHints = this.inputGroup.hasHints;
}
get hasHints(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:279

Returns boolean

isTypeBootstrap

Section titled "isTypeBootstrap"

Returns true if the IgxInputGroupComponent theme is Bootstrap.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeBootstrap = this.inputGroup.isTypeBootstrap;
}
get isTypeBootstrap(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:432

Returns boolean

isTypeBorder

Section titled "isTypeBorder"

Returns whether the IgxInputGroupComponent type is border.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeBorder = this.inputGroup.isTypeBorder;
}
get isTypeBorder(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:402

Returns boolean

isTypeBox

Section titled "isTypeBox"

Returns whether the IgxInputGroupComponent type is box.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeBox = this.inputGroup.isTypeBox;
}
get isTypeBox(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:347

Returns boolean

isTypeFluent

Section titled "isTypeFluent"

Returns true if the IgxInputGroupComponent theme is Fluent.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeFluent = this.inputGroup.isTypeFluent;
}
get isTypeFluent(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:417

Returns boolean

isTypeIndigo

Section titled "isTypeIndigo"

Returns true if the IgxInputGroupComponent theme is Indigo.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeIndigo = this.inputGroup.isTypeIndigo;
}
get isTypeIndigo(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:447

Returns boolean

isTypeLine

Section titled "isTypeLine"

Returns whether the IgxInputGroupComponent type is line.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeLine = this.inputGroup.isTypeLine;
}
get isTypeLine(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:332

Returns boolean

isTypeSearch

Section titled "isTypeSearch"

Returns whether the IgxInputGroupComponent type is search.

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeSearch = this.inputGroup.isTypeSearch;
}
get isTypeSearch(): boolean

Defined in projects/igniteui-angular/input-group/src/input-group/input-group.component.ts:462

Returns boolean