Class IgxInputGroupComponent

Hierarchy

Implements

  • DoCheck
  • OnInit
  • IgxInputGroupBase

Constructors

constructor

Properties

defaultClass

defaultClass: boolean = true

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;

}

disabled

disabled: boolean = false

An @Input property that disables the IgxInputGroupComponent.

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

element

element: ElementRef<HTMLElement>

id

id: string = `igx-input-group-${NEXT_ID++}`

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>

onDensityChanged

onDensityChanged: EventEmitter<IDensityChangedEventArgs> = new EventEmitter<IDensityChangedEventArgs>()

suppressInputAutofocus

suppressInputAutofocus: boolean = false

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

@remarks

Automatic focus causes software keyboard to show on mobile devices.

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

Accessors

displayDensity

hasBorder

  • get hasBorder(): boolean

hasHints

  • get hasHints(): boolean

isTypeBootstrap

  • get isTypeBootstrap(): boolean

isTypeBorder

  • get isTypeBorder(): boolean

isTypeBox

  • get isTypeBox(): boolean

isTypeFluent

  • get isTypeFluent(): boolean

isTypeFluentSearch

  • get isTypeFluentSearch(): boolean

isTypeLine

  • get isTypeLine(): boolean

isTypeSearch

  • get isTypeSearch(): boolean

type

  • get type(): "line" | "box" | "border" | "fluent" | "bootstrap" | "search" | "fluent_search"
  • set type(value: IgxInputGroupType): void

Methods

ngDoCheck

  • ngDoCheck(): void