docs(material/chips): describe how to use chips in forms

Updated indentation

Author: HermanWKeuris

src/components-examples/material/chips/chips-reactive-form/chips-reactive-form-example.html

@@ -1,21 +1,21 @@
 <section>
-    <h4>Chips inside of a Reactive form</h4>
-    <mat-form-field class="example-form-field">
-        <mat-label>Video keywords</mat-label>
-        <mat-chip-grid #reactiveChipGrid aria-label="Enter reactive form keywords" [formControl]="formControl">
-        @for (keyword of reactiveKeywords(); track keyword) {
-            <mat-chip-row (removed)="removeReactiveKeyword(keyword)">
-            {{keyword}}
-            <button matChipRemove aria-label="'remove reactive form' + keyword">
-                <mat-icon>cancel</mat-icon>
-            </button>
-            </mat-chip-row>
-        }
-        </mat-chip-grid>
-        <input
-        placeholder="New keyword..."
-        [matChipInputFor]="reactiveChipGrid"
-        (matChipInputTokenEnd)="addReactiveKeyword($event)"
-        />
-    </mat-form-field>
+  <h4>Chips inside of a Reactive form</h4>
+  <mat-form-field class="example-form-field">
+    <mat-label>Video keywords</mat-label>
+    <mat-chip-grid #reactiveChipGrid aria-label="Enter reactive form keywords" [formControl]="formControl">
+    @for (keyword of reactiveKeywords(); track keyword) {
+      <mat-chip-row (removed)="removeReactiveKeyword(keyword)">
+        {{keyword}}
+      <button matChipRemove aria-label="'remove reactive form' + keyword">
+        <mat-icon>cancel</mat-icon>
+      </button>
+      </mat-chip-row>
+    }
+    </mat-chip-grid>
+    <input
+      placeholder="New keyword..."
+      [matChipInputFor]="reactiveChipGrid"
+      (matChipInputTokenEnd)="addReactiveKeyword($event)"
+    />
+  </mat-form-field>
 </section>

src/components-examples/material/chips/chips-template-form/chips-template-form-example.html

@@ -1,21 +1,21 @@
 <section>
-    <h4>Chips inside of a Template-driven form</h4>
-    <mat-form-field class="example-form-field">
-        <mat-label>Video keywords</mat-label>
-        <mat-chip-grid #templateChipGrid aria-label="Enter template form keywords" [(ngModel)]="templateKeywords">
-        @for (keyword of templateKeywords(); track keyword) {
-            <mat-chip-row (removed)="removeTemplateKeyword(keyword)">
-            {{keyword}}
-            <button matChipRemove aria-label="'remove template form' + keyword">
-                <mat-icon>cancel</mat-icon>
-            </button>
-            </mat-chip-row>
-        }
-        </mat-chip-grid>
-        <input
-        placeholder="New keyword..."
-        [matChipInputFor]="templateChipGrid"
-        (matChipInputTokenEnd)="addTemplateKeyword($event)"
-        />
-    </mat-form-field>
+  <h4>Chips inside of a Template-driven form</h4>
+  <mat-form-field class="example-form-field">
+    <mat-label>Video keywords</mat-label>
+    <mat-chip-grid #templateChipGrid aria-label="Enter template form keywords" [(ngModel)]="templateKeywords">
+    @for (keyword of templateKeywords(); track keyword) {
+      <mat-chip-row (removed)="removeTemplateKeyword(keyword)">
+        {{keyword}}
+      <button matChipRemove aria-label="'remove template form' + keyword">
+        <mat-icon>cancel</mat-icon>
+      </button>
+      </mat-chip-row>
+    }
+    </mat-chip-grid>
+    <input
+      placeholder="New keyword..."
+      [matChipInputFor]="templateChipGrid"
+      (matChipInputTokenEnd)="addTemplateKeyword($event)"
+    />
+  </mat-form-field>
 </section>