IgxInputの高さはcss設定よって変更することができます。

<igx-input-group type="border" id="myInput1">
    <input igxInput name="fullName" type="text" [(ngModel)]="myName"/>
</igx-input-group>

このようにid指定を行ったinput-groupに対し、以下のようなcss設定でIgxInputの高さを変更できます。(セレクターからidを除けばすべてのIgxInputに設定が反映します。)

#myInput1.igx-input-group {
   div.igx-input-group__bundle {
      height: 20px;
   }
   .igx-input-group__input {
      height: 20px;
   }
}

IgxInputの高さが20pxになりました。

製品について

Ignite UI for Angular