From f691f6ac453a7d503c2155aeb3f6cb5a9b83048b Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 18 Dec 2024 19:06:55 -0500
Subject: [PATCH] docs(layout): update angular to standalone

---
 .../angular/example_component_ts.md           | 34 +++++++++++++++++++
 .../angular/example_component_ts.md           | 34 +++++++++++++++++++
 2 files changed, 68 insertions(+)

diff --git a/static/usage/v7/layout/dynamic-font-scaling/angular/example_component_ts.md b/static/usage/v7/layout/dynamic-font-scaling/angular/example_component_ts.md
index 4e45ccc6674..d5a28316278 100644
--- a/static/usage/v7/layout/dynamic-font-scaling/angular/example_component_ts.md
+++ b/static/usage/v7/layout/dynamic-font-scaling/angular/example_component_ts.md
@@ -1,5 +1,22 @@
 ```ts
 import { Component } from '@angular/core';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCheckbox,
+  IonContent,
+  IonFooter,
+  IonHeader,
+  IonIcon,
+  IonInput,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonTitle,
+  IonToggle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
 
 import { addIcons } from 'ionicons';
 import { create } from 'ionicons/icons';
@@ -8,6 +25,23 @@ import { create } from 'ionicons/icons';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [
+    IonBackButton,
+    IonButton,
+    IonButtons,
+    IonCheckbox,
+    IonContent,
+    IonFooter,
+    IonHeader,
+    IonIcon,
+    IonInput,
+    IonItem,
+    IonLabel,
+    IonList,
+    IonTitle,
+    IonToggle,
+    IonToolbar,
+  ],
 })
 export class ExampleComponent {
   constructor() {
diff --git a/static/usage/v8/layout/dynamic-font-scaling/angular/example_component_ts.md b/static/usage/v8/layout/dynamic-font-scaling/angular/example_component_ts.md
index 4e45ccc6674..d5a28316278 100644
--- a/static/usage/v8/layout/dynamic-font-scaling/angular/example_component_ts.md
+++ b/static/usage/v8/layout/dynamic-font-scaling/angular/example_component_ts.md
@@ -1,5 +1,22 @@
 ```ts
 import { Component } from '@angular/core';
+import {
+  IonBackButton,
+  IonButton,
+  IonButtons,
+  IonCheckbox,
+  IonContent,
+  IonFooter,
+  IonHeader,
+  IonIcon,
+  IonInput,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonTitle,
+  IonToggle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
 
 import { addIcons } from 'ionicons';
 import { create } from 'ionicons/icons';
@@ -8,6 +25,23 @@ import { create } from 'ionicons/icons';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [
+    IonBackButton,
+    IonButton,
+    IonButtons,
+    IonCheckbox,
+    IonContent,
+    IonFooter,
+    IonHeader,
+    IonIcon,
+    IonInput,
+    IonItem,
+    IonLabel,
+    IonList,
+    IonTitle,
+    IonToggle,
+    IonToolbar,
+  ],
 })
 export class ExampleComponent {
   constructor() {