From 1fbd27aa146bec58012e295879a87854a1e31bd1 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Tue, 21 Feb 2023 20:45:52 -0500
Subject: [PATCH 1/2] docs(angular): supported angular versions

---
 docs/angular/overview.md                      | 22 ++++++++++++++++++-
 versioned_docs/version-v6/angular/overview.md | 22 ++++++++++++++++++-
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/docs/angular/overview.md b/docs/angular/overview.md
index ce6cd60c6be..10bae7ff7b0 100644
--- a/docs/angular/overview.md
+++ b/docs/angular/overview.md
@@ -11,12 +11,32 @@ sidebar_label: Overview
   />
 </head>
 
+import DocsCard from '@components/global/DocsCard';
+import DocsCards from '@components/global/DocsCards';
+
 `@ionic/angular` combines the core Ionic experience with the tooling and APIs that are tailored to Angular Developers.
 
 ## Angular Version Support
 
-Ionic supports `Angular 6.0.0 and up`. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
+Ionic v7 supports Angular v14+. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
 
 ## Angular Tooling
 
 With Ionic 4+, the official Angular stack for building an app and routing are used, so your app can fall in-line with the rest of the great Angular ecosystem. In cases where more opinionated features are needed, Ionic provides `@ionic/angular-toolkit`, which builds and integrates with the [official Angular CLI](https://angular.io/cli) and provides features that are specific to `@ionic/angular` apps.
+
+## Resources
+
+<DocsCards>
+  <DocsCard header="Getting Started" href="your-first-app" icon="/icons/feature-component-actionsheet-icon.png">
+    <p>Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.</p>
+  </DocsCard>
+
+<DocsCard header="Navigation" href="navigation" icon="/icons/feature-component-navigation-icon.png">
+  <p>Learn the basics of navigation inside your app with Ionic and Angular Router</p>
+</DocsCard>
+
+<DocsCard header="Lifecycle" href="lifecycle" icon="/icons/feature-guide-components-icon.png">
+  <p>Learn about using Ionic lifecycle events in class components and with hooks</p>
+</DocsCard>
+
+</DocsCards>
diff --git a/versioned_docs/version-v6/angular/overview.md b/versioned_docs/version-v6/angular/overview.md
index ce6cd60c6be..b457d1c402b 100644
--- a/versioned_docs/version-v6/angular/overview.md
+++ b/versioned_docs/version-v6/angular/overview.md
@@ -11,12 +11,32 @@ sidebar_label: Overview
   />
 </head>
 
+import DocsCard from '@components/global/DocsCard';
+import DocsCards from '@components/global/DocsCards';
+
 `@ionic/angular` combines the core Ionic experience with the tooling and APIs that are tailored to Angular Developers.
 
 ## Angular Version Support
 
-Ionic supports `Angular 6.0.0 and up`. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
+Ionic v6 supports Angular v12-v15. As part of their upgrade strategy, Angular has built-in tooling to help automate upgrades and provide feedback to developers whenever changes to an API occurred. This reduces update friction and keeps the ecosystem in a evergreen state.
 
 ## Angular Tooling
 
 With Ionic 4+, the official Angular stack for building an app and routing are used, so your app can fall in-line with the rest of the great Angular ecosystem. In cases where more opinionated features are needed, Ionic provides `@ionic/angular-toolkit`, which builds and integrates with the [official Angular CLI](https://angular.io/cli) and provides features that are specific to `@ionic/angular` apps.
+
+## Resources
+
+<DocsCards>
+  <DocsCard header="Getting Started" href="your-first-app" icon="/icons/feature-component-actionsheet-icon.png">
+    <p>Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.</p>
+  </DocsCard>
+
+<DocsCard header="Navigation" href="navigation" icon="/icons/feature-component-navigation-icon.png">
+  <p>Learn the basics of navigation inside your app with Ionic and Angular Router</p>
+</DocsCard>
+
+<DocsCard header="Lifecycle" href="lifecycle" icon="/icons/feature-guide-components-icon.png">
+  <p>Learn about using Ionic lifecycle events in class components and with hooks</p>
+</DocsCard>
+
+</DocsCards>

From 1fea1c170716d107c317548a7a59ac857cacf55d Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Wed, 22 Feb 2023 11:59:28 -0500
Subject: [PATCH 2/2] docs: update angular support matrix

---
 docs/reference/support.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/reference/support.md b/docs/reference/support.md
index 652d24305fe..3f8ee9d3baa 100644
--- a/docs/reference/support.md
+++ b/docs/reference/support.md
@@ -43,7 +43,7 @@ The Ionic team has compiled a set of recommendations for using the Ionic Framewo
 
 | Framework | Minimum Angular Version | Maximum Angular Version | TypeScript |
 | :-------: | :---------------------: | :---------------------: | :--------: |
-| v7        | v13                     | v15.x^                   | 4.4+       |   
+| v7        | v14                     | v15.x^                   | 4.4+       |   
 | v6        | v12                     | v15.x^                  | 4.0+       |
 | v5        | v8.2                    | v12.x                   | 3.5+       |
 | v4        | v8.2                    | v11.x                   | 3.5+       |