From 861de0f6176c6f43839207bbfd8d4501fe3a8646 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Mon, 30 Dec 2024 13:29:06 -0500 Subject: [PATCH] docs(list-header): update angular to standalone (#3944) --- .../example_component_html.md} | 0 .../basic/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v7/list-header/basic/index.md | 16 ++++++++++++++-- .../example_component_html.md} | 0 .../buttons/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v7/list-header/buttons/index.md | 16 ++++++++++++++-- .../example_component_html.md} | 0 .../lines/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v7/list-header/lines/index.md | 16 ++++++++++++++-- .../example_component_html.md} | 0 .../colors/angular/example_component_ts.md | 12 ++++++++++++ .../usage/v7/list-header/theming/colors/index.md | 16 ++++++++++++++-- .../angular/example_component_ts.md | 12 ++++++++++++ .../list-header/theming/css-properties/index.md | 6 ++++-- .../example_component_html.md} | 0 .../basic/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v8/list-header/basic/index.md | 16 ++++++++++++++-- .../example_component_html.md} | 0 .../buttons/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v8/list-header/buttons/index.md | 16 ++++++++++++++-- .../example_component_html.md} | 0 .../lines/angular/example_component_ts.md | 12 ++++++++++++ static/usage/v8/list-header/lines/index.md | 16 ++++++++++++++-- .../example_component_html.md} | 0 .../colors/angular/example_component_ts.md | 12 ++++++++++++ .../usage/v8/list-header/theming/colors/index.md | 16 ++++++++++++++-- .../angular/example_component_ts.md | 12 ++++++++++++ .../list-header/theming/css-properties/index.md | 6 ++++-- 28 files changed, 240 insertions(+), 20 deletions(-) rename static/usage/v7/list-header/basic/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v7/list-header/basic/angular/example_component_ts.md rename static/usage/v7/list-header/buttons/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v7/list-header/buttons/angular/example_component_ts.md rename static/usage/v7/list-header/lines/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v7/list-header/lines/angular/example_component_ts.md rename static/usage/v7/list-header/theming/colors/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v7/list-header/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v7/list-header/theming/css-properties/angular/example_component_ts.md rename static/usage/v8/list-header/basic/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v8/list-header/basic/angular/example_component_ts.md rename static/usage/v8/list-header/buttons/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v8/list-header/buttons/angular/example_component_ts.md rename static/usage/v8/list-header/lines/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v8/list-header/lines/angular/example_component_ts.md rename static/usage/v8/list-header/theming/colors/{angular.md => angular/example_component_html.md} (100%) create mode 100644 static/usage/v8/list-header/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v8/list-header/theming/css-properties/angular/example_component_ts.md diff --git a/static/usage/v7/list-header/basic/angular.md b/static/usage/v7/list-header/basic/angular/example_component_html.md similarity index 100% rename from static/usage/v7/list-header/basic/angular.md rename to static/usage/v7/list-header/basic/angular/example_component_html.md diff --git a/static/usage/v7/list-header/basic/angular/example_component_ts.md b/static/usage/v7/list-header/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..dd5f0b5005b --- /dev/null +++ b/static/usage/v7/list-header/basic/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonItem, IonLabel, IonList, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/list-header/basic/index.md b/static/usage/v7/list-header/basic/index.md index 79b5b31a75f..771693f7356 100644 --- a/static/usage/v7/list-header/basic/index.md +++ b/static/usage/v7/list-header/basic/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v7/list-header/buttons/angular.md b/static/usage/v7/list-header/buttons/angular/example_component_html.md similarity index 100% rename from static/usage/v7/list-header/buttons/angular.md rename to static/usage/v7/list-header/buttons/angular/example_component_html.md diff --git a/static/usage/v7/list-header/buttons/angular/example_component_ts.md b/static/usage/v7/list-header/buttons/angular/example_component_ts.md new file mode 100644 index 00000000000..a608c44a22d --- /dev/null +++ b/static/usage/v7/list-header/buttons/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonButton, IonItem, IonLabel, IonList, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/list-header/buttons/index.md b/static/usage/v7/list-header/buttons/index.md index 5c724b1a8f5..c4668f07f00 100644 --- a/static/usage/v7/list-header/buttons/index.md +++ b/static/usage/v7/list-header/buttons/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v7/list-header/lines/angular.md b/static/usage/v7/list-header/lines/angular/example_component_html.md similarity index 100% rename from static/usage/v7/list-header/lines/angular.md rename to static/usage/v7/list-header/lines/angular/example_component_html.md diff --git a/static/usage/v7/list-header/lines/angular/example_component_ts.md b/static/usage/v7/list-header/lines/angular/example_component_ts.md new file mode 100644 index 00000000000..dd5f0b5005b --- /dev/null +++ b/static/usage/v7/list-header/lines/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonItem, IonLabel, IonList, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/list-header/lines/index.md b/static/usage/v7/list-header/lines/index.md index a8e84eddf7f..1ec366f7345 100644 --- a/static/usage/v7/list-header/lines/index.md +++ b/static/usage/v7/list-header/lines/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v7/list-header/theming/colors/angular.md b/static/usage/v7/list-header/theming/colors/angular/example_component_html.md similarity index 100% rename from static/usage/v7/list-header/theming/colors/angular.md rename to static/usage/v7/list-header/theming/colors/angular/example_component_html.md diff --git a/static/usage/v7/list-header/theming/colors/angular/example_component_ts.md b/static/usage/v7/list-header/theming/colors/angular/example_component_ts.md new file mode 100644 index 00000000000..3a455a0c901 --- /dev/null +++ b/static/usage/v7/list-header/theming/colors/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/list-header/theming/colors/index.md b/static/usage/v7/list-header/theming/colors/index.md index 13af9007f88..2a04d1f6ae8 100644 --- a/static/usage/v7/list-header/theming/colors/index.md +++ b/static/usage/v7/list-header/theming/colors/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v7/list-header/theming/css-properties/angular/example_component_ts.md b/static/usage/v7/list-header/theming/css-properties/angular/example_component_ts.md new file mode 100644 index 00000000000..3a455a0c901 --- /dev/null +++ b/static/usage/v7/list-header/theming/css-properties/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/list-header/theming/css-properties/index.md b/static/usage/v7/list-header/theming/css-properties/index.md index e273cdb2b91..e5ec0bbf4c2 100644 --- a/static/usage/v7/list-header/theming/css-properties/index.md +++ b/static/usage/v7/list-header/theming/css-properties/index.md @@ -7,8 +7,9 @@ import react_main_tsx from './react/main_tsx.md'; import vue from './vue.md'; -import angular_example_component_css from './angular/example_component_css.md'; import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_css from './angular/example_component_css.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v8/list-header/buttons/angular.md b/static/usage/v8/list-header/buttons/angular/example_component_html.md similarity index 100% rename from static/usage/v8/list-header/buttons/angular.md rename to static/usage/v8/list-header/buttons/angular/example_component_html.md diff --git a/static/usage/v8/list-header/buttons/angular/example_component_ts.md b/static/usage/v8/list-header/buttons/angular/example_component_ts.md new file mode 100644 index 00000000000..a608c44a22d --- /dev/null +++ b/static/usage/v8/list-header/buttons/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonButton, IonItem, IonLabel, IonList, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/list-header/buttons/index.md b/static/usage/v8/list-header/buttons/index.md index 2acfe8959d3..ca9d287927f 100644 --- a/static/usage/v8/list-header/buttons/index.md +++ b/static/usage/v8/list-header/buttons/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v8/list-header/lines/angular.md b/static/usage/v8/list-header/lines/angular/example_component_html.md similarity index 100% rename from static/usage/v8/list-header/lines/angular.md rename to static/usage/v8/list-header/lines/angular/example_component_html.md diff --git a/static/usage/v8/list-header/lines/angular/example_component_ts.md b/static/usage/v8/list-header/lines/angular/example_component_ts.md new file mode 100644 index 00000000000..dd5f0b5005b --- /dev/null +++ b/static/usage/v8/list-header/lines/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonItem, IonLabel, IonList, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/list-header/lines/index.md b/static/usage/v8/list-header/lines/index.md index 99855499202..06db229478e 100644 --- a/static/usage/v8/list-header/lines/index.md +++ b/static/usage/v8/list-header/lines/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v8/list-header/theming/colors/angular.md b/static/usage/v8/list-header/theming/colors/angular/example_component_html.md similarity index 100% rename from static/usage/v8/list-header/theming/colors/angular.md rename to static/usage/v8/list-header/theming/colors/angular/example_component_html.md diff --git a/static/usage/v8/list-header/theming/colors/angular/example_component_ts.md b/static/usage/v8/list-header/theming/colors/angular/example_component_ts.md new file mode 100644 index 00000000000..3a455a0c901 --- /dev/null +++ b/static/usage/v8/list-header/theming/colors/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/list-header/theming/colors/index.md b/static/usage/v8/list-header/theming/colors/index.md index eddf36b82d4..0ef8168a62f 100644 --- a/static/usage/v8/list-header/theming/colors/index.md +++ b/static/usage/v8/list-header/theming/colors/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; diff --git a/static/usage/v8/list-header/theming/css-properties/angular/example_component_ts.md b/static/usage/v8/list-header/theming/css-properties/angular/example_component_ts.md new file mode 100644 index 00000000000..3a455a0c901 --- /dev/null +++ b/static/usage/v8/list-header/theming/css-properties/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/list-header/theming/css-properties/index.md b/static/usage/v8/list-header/theming/css-properties/index.md index c04c154d6e0..2602475525e 100644 --- a/static/usage/v8/list-header/theming/css-properties/index.md +++ b/static/usage/v8/list-header/theming/css-properties/index.md @@ -7,8 +7,9 @@ import react_main_tsx from './react/main_tsx.md'; import vue from './vue.md'; -import angular_example_component_css from './angular/example_component_css.md'; import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_css from './angular/example_component_css.md'; +import angular_example_component_ts from './angular/example_component_ts.md';