refactor(demos): add more displayDensity samples for input-group

Author: simeonoff

src/app/input-group/input-group-child.sample.html

@@ -3,9 +3,43 @@ <h3 class="sample-title">Line Style Input With Different Display Density</h3>
     <!-- Basic text field -->
     <igx-input-group>
         <input igxInput name="firstName" type="text" [(ngModel)]="user.firstName" required />
-        <label igxLabel for="firstName">Text Field</label>
+        <label igxLabel for="firstName">日日日</label>
+        <igx-prefix>
+            <igx-icon>person</igx-icon>
+        </igx-prefix>
     </igx-input-group>
 
+    <igx-input-group type="box">
+        <input igxInput name="firstName" type="text" [(ngModel)]="user.firstName" required />
+        <label igxLabel for="firstName">日日日</label>
+        <igx-prefix>
+            <igx-icon>person</igx-icon>
+        </igx-prefix>
+    </igx-input-group>
+
+    <igx-input-group type="border">
+        <input igxInput name="firstName" type="text" [(ngModel)]="user.firstName" required />
+        <label igxLabel for="firstName">日日日</label>
+        <igx-prefix>
+            <igx-icon>person</igx-icon>
+        </igx-prefix>
+    </igx-input-group>
+
+    <igx-input-group>
+        <textarea igxInput name="firstName" type="text" [(ngModel)]="user.firstName" required></textarea>
+        <label igxLabel for="firstName">日日日</label>
+        <igx-prefix>
+            <igx-icon>person</igx-icon>
+        </igx-prefix>
+    </igx-input-group>
+
+    <igx-input-group type="border">
+        <textarea igxInput name="firstName" type="text" [(ngModel)]="user.firstName" required></textarea>
+        <label igxLabel for="firstName">日日日</label>
+        <igx-prefix>
+            <igx-icon>person</igx-icon>
+        </igx-prefix>
+    </igx-input-group>
     <!-- Basic text field w/ placeholder -->
     <igx-input-group>
         <label igxLabel>Label</label>