Ignite UI for Angular 11.1.7バージョン時点での情報に基づいています。
Ignite UI for Angular 11.1で、IgxInputGroupにthemeプロパティが追加されました。
指定できるthemeは、material、fluent、bootstrap、indigo-designの4種類です。
<h6>theme="material"</h6>
<igx-input-group type="line" theme="material">
<input igxInput name="fullName1" type="text" />
<label igxLabel for="fullName1">Full Name</label>
<igx-suffix>
<igx-icon>person</igx-icon>
</igx-suffix>
</igx-input-group>
<h6>theme="fluent"</h6>
<igx-input-group type="line" theme="fluent">
<input igxInput name="fullName2" type="text" />
<label igxLabel for="fullName2">Full Name</label>
<igx-suffix>
<igx-icon>person</igx-icon>
</igx-suffix>
</igx-input-group>
<h6>theme="bootstrap"</h6>
<igx-input-group type="line" theme="bootstrap">
<input igxInput name="fullName3" type="text" />
<label igxLabel for="fullName3">Full Name</label>
<igx-suffix>
<igx-icon>person</igx-icon>
</igx-suffix>
</igx-input-group>
<h6>theme="indigo-design"</h6>
<igx-input-group type="line" theme="indigo-design">
<input igxInput name="fullName4" type="text" />
<label igxLabel for="fullName4">Full Name</label>
<igx-suffix>
<igx-icon>person</igx-icon>
</igx-suffix>
</igx-input-group>
実行結果
サンプル
APIリファレンス
