constructor

• new IgxInputGroupComponent(element, _inputGroupType, document, platform, cdr, themeService, iconService?): IgxInputGroupComponent

• Parameters

  • element: ElementRef<HTMLElement>

  • _inputGroupType: IgxInputGroupType

  • document: any

  • platform: PlatformUtil

  • cdr: ChangeDetectorRef

  • themeService: ThemeService

  • iconService: IgxIconService

  Returns IgxInputGroupComponent

defaultClass

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

element

suppressInputAutofocus

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

hasBorder

• get hasBorder(): boolean

• Returns whether the IgxInputGroupComponent has border.

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

  Returns boolean

hasHints

• get hasHints(): boolean

• Returns whether the IgxInputGroupComponent has hints.

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

  Returns boolean

isTypeBootstrap

• get isTypeBootstrap(): boolean

• Returns true if the IgxInputGroupComponent theme is Bootstrap.

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

  Returns boolean

isTypeBorder

• get isTypeBorder(): boolean

• Returns whether the IgxInputGroupComponent type is border.

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

  Returns boolean

isTypeBox

• get isTypeBox(): boolean

• Returns whether the IgxInputGroupComponent type is box.

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

  Returns boolean

isTypeFluent

• get isTypeFluent(): boolean

• Returns true if the IgxInputGroupComponent theme is Fluent.

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

  Returns boolean

isTypeIndigo

• get isTypeIndigo(): boolean

• Returns true if the IgxInputGroupComponent theme is Indigo.

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

  Returns boolean

isTypeLine

• get isTypeLine(): boolean

• Returns whether the IgxInputGroupComponent type is line.

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

  Returns boolean

isTypeSearch

• get isTypeSearch(): boolean

• Returns whether the IgxInputGroupComponent type is search.

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

  Returns boolean

resourceStrings

• get resourceStrings(): IInputResourceStrings

• Returns the resource strings.

  Returns IInputResourceStrings

• set resourceStrings(value): void

• Sets the resource strings. By default it uses EN resources.

  Parameters

  • value: IInputResourceStrings

  Returns void

theme

• get theme(): IgxTheme

• Returns the theme of the input. The returned value is of type IgxInputGroupType.

  @ViewChild("MyInputGroup")
  public inputGroup: IgxInputGroupComponent;
  ngAfterViewInit() {
   let inputTheme = this.inputGroup.theme;
  
  Copy

  Returns IgxTheme

• set theme(value): void

• Sets the theme of the input. Allowed values of type IgxInputGroupTheme.

  @ViewChild("MyInputGroup")
  public inputGroup: IgxInputGroupComponent;
  ngAfterViewInit() {
   let inputTheme = 'fluent';
  
  Copy

  Parameters

  • value: IgxTheme

  Returns void

type

• get type(): IgxInputGroupType

• Returns the type of the IgxInputGroupComponent. How the input is styled. The default is line.

  @ViewChild("MyInputGroup")
  public inputGroup: IgxInputGroupComponent;
  ngAfterViewInit(){
     let inputType = this.inputGroup.type;
  }
  Copy

  Returns IgxInputGroupType

• set type(value): void

• Sets how the input will be styled. Allowed values of type IgxInputGroupType.

  <igx-input-group [type]="'search'">
  Copy

  Parameters

  • value: IgxInputGroupType

  Returns void