From 6dfecd27e4110c835603e5c63cd7736f8a24108f Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 18 Dec 2024 19:06:56 -0500 Subject: [PATCH 1/3] docs(list-header): update angular to standalone --- .../basic/angular/example_component_html.md | 22 +++++++++++ .../basic/angular/example_component_ts.md | 11 ++++++ static/usage/v7/list-header/basic/index.md | 16 +++++++- .../buttons/angular/example_component_html.md | 23 ++++++++++++ .../buttons/angular/example_component_ts.md | 11 ++++++ static/usage/v7/list-header/buttons/index.md | 16 +++++++- .../lines/angular/example_component_html.md | 37 +++++++++++++++++++ .../lines/angular/example_component_ts.md | 11 ++++++ static/usage/v7/list-header/lines/index.md | 16 +++++++- .../colors/angular/example_component_html.md | 32 ++++++++++++++++ .../colors/angular/example_component_ts.md | 11 ++++++ .../v7/list-header/theming/colors/index.md | 16 +++++++- .../basic/angular/example_component_html.md | 22 +++++++++++ .../basic/angular/example_component_ts.md | 11 ++++++ static/usage/v8/list-header/basic/index.md | 16 +++++++- .../buttons/angular/example_component_html.md | 23 ++++++++++++ .../buttons/angular/example_component_ts.md | 11 ++++++ static/usage/v8/list-header/buttons/index.md | 16 +++++++- .../lines/angular/example_component_html.md | 37 +++++++++++++++++++ .../lines/angular/example_component_ts.md | 11 ++++++ static/usage/v8/list-header/lines/index.md | 16 +++++++- .../colors/angular/example_component_html.md | 32 ++++++++++++++++ .../colors/angular/example_component_ts.md | 11 ++++++ .../v8/list-header/theming/colors/index.md | 16 +++++++- 24 files changed, 428 insertions(+), 16 deletions(-) create mode 100644 static/usage/v7/list-header/basic/angular/example_component_html.md create mode 100644 static/usage/v7/list-header/basic/angular/example_component_ts.md create mode 100644 static/usage/v7/list-header/buttons/angular/example_component_html.md create mode 100644 static/usage/v7/list-header/buttons/angular/example_component_ts.md create mode 100644 static/usage/v7/list-header/lines/angular/example_component_html.md create mode 100644 static/usage/v7/list-header/lines/angular/example_component_ts.md create mode 100644 static/usage/v7/list-header/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v7/list-header/theming/colors/angular/example_component_ts.md create mode 100644 static/usage/v8/list-header/basic/angular/example_component_html.md create mode 100644 static/usage/v8/list-header/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/list-header/buttons/angular/example_component_html.md create mode 100644 static/usage/v8/list-header/buttons/angular/example_component_ts.md create mode 100644 static/usage/v8/list-header/lines/angular/example_component_html.md create mode 100644 static/usage/v8/list-header/lines/angular/example_component_ts.md create mode 100644 static/usage/v8/list-header/theming/colors/angular/example_component_html.md create mode 100644 static/usage/v8/list-header/theming/colors/angular/example_component_ts.md diff --git a/static/usage/v7/list-header/basic/angular/example_component_html.md b/static/usage/v7/list-header/basic/angular/example_component_html.md new file mode 100644 index 00000000000..d2e2f3fb345 --- /dev/null +++ b/static/usage/v7/list-header/basic/angular/example_component_html.md @@ -0,0 +1,22 @@ +```html + + + Video Games + + + Pokémon Yellow + + + Mega Man X + + + The Legend of Zelda + + + Pac-Man + + + Super Mario World + + +``` 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..1705413e776 --- /dev/null +++ b/static/usage/v7/list-header/basic/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + 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/example_component_html.md b/static/usage/v7/list-header/buttons/angular/example_component_html.md new file mode 100644 index 00000000000..7c24d9242a2 --- /dev/null +++ b/static/usage/v7/list-header/buttons/angular/example_component_html.md @@ -0,0 +1,23 @@ +```html + + + Video Games + See All + + + Pokémon Yellow + + + Mega Man X + + + The Legend of Zelda + + + Pac-Man + + + Super Mario World + + +``` 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..327e3fd33c4 --- /dev/null +++ b/static/usage/v7/list-header/buttons/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + 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/example_component_html.md b/static/usage/v7/list-header/lines/angular/example_component_html.md new file mode 100644 index 00000000000..7feb30bd27d --- /dev/null +++ b/static/usage/v7/list-header/lines/angular/example_component_html.md @@ -0,0 +1,37 @@ +```html + + + Default + + + Item + + + Item + + + + + + Inset + + + Item + + + Item + + + + + + Full + + + Item + + + Item + + +``` 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..1705413e776 --- /dev/null +++ b/static/usage/v7/list-header/lines/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + 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/example_component_html.md b/static/usage/v7/list-header/theming/colors/angular/example_component_html.md new file mode 100644 index 00000000000..88d5b12d912 --- /dev/null +++ b/static/usage/v7/list-header/theming/colors/angular/example_component_html.md @@ -0,0 +1,32 @@ +```html + + Default + + + Primary + + + Secondary + + + Tertiary + + + Success + + + Warning + + + Danger + + + Light + + + Medium + + + Dark + +``` 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..d8f0e7b11df --- /dev/null +++ b/static/usage/v7/list-header/theming/colors/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + 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/v8/list-header/basic/angular/example_component_html.md b/static/usage/v8/list-header/basic/angular/example_component_html.md new file mode 100644 index 00000000000..d2e2f3fb345 --- /dev/null +++ b/static/usage/v8/list-header/basic/angular/example_component_html.md @@ -0,0 +1,22 @@ +```html + + + Video Games + + + Pokémon Yellow + + + Mega Man X + + + The Legend of Zelda + + + Pac-Man + + + Super Mario World + + +``` diff --git a/static/usage/v8/list-header/basic/angular/example_component_ts.md b/static/usage/v8/list-header/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..1705413e776 --- /dev/null +++ b/static/usage/v8/list-header/basic/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonItem, IonLabel, IonList, IonListHeader], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/list-header/basic/index.md b/static/usage/v8/list-header/basic/index.md index b54ef34c480..487e450de82 100644 --- a/static/usage/v8/list-header/basic/index.md +++ b/static/usage/v8/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/v8/list-header/buttons/angular/example_component_html.md b/static/usage/v8/list-header/buttons/angular/example_component_html.md new file mode 100644 index 00000000000..7c24d9242a2 --- /dev/null +++ b/static/usage/v8/list-header/buttons/angular/example_component_html.md @@ -0,0 +1,23 @@ +```html + + + Video Games + See All + + + Pokémon Yellow + + + Mega Man X + + + The Legend of Zelda + + + Pac-Man + + + Super Mario World + + +``` 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..327e3fd33c4 --- /dev/null +++ b/static/usage/v8/list-header/buttons/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + 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/example_component_html.md b/static/usage/v8/list-header/lines/angular/example_component_html.md new file mode 100644 index 00000000000..7feb30bd27d --- /dev/null +++ b/static/usage/v8/list-header/lines/angular/example_component_html.md @@ -0,0 +1,37 @@ +```html + + + Default + + + Item + + + Item + + + + + + Inset + + + Item + + + Item + + + + + + Full + + + Item + + + Item + + +``` 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..1705413e776 --- /dev/null +++ b/static/usage/v8/list-header/lines/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + 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/example_component_html.md b/static/usage/v8/list-header/theming/colors/angular/example_component_html.md new file mode 100644 index 00000000000..88d5b12d912 --- /dev/null +++ b/static/usage/v8/list-header/theming/colors/angular/example_component_html.md @@ -0,0 +1,32 @@ +```html + + Default + + + Primary + + + Secondary + + + Tertiary + + + Success + + + Warning + + + Danger + + + Light + + + Medium + + + Dark + +``` 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..d8f0e7b11df --- /dev/null +++ b/static/usage/v8/list-header/theming/colors/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel, IonListHeader } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + 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'; From 253bd6b914a70663f9f294305321a94aff799474 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Fri, 20 Dec 2024 15:09:07 -0500 Subject: [PATCH 2/3] docs(list-header): update angular to standalone --- .../usage/v7/list-header/basic/angular/example_component_ts.md | 1 + .../usage/v7/list-header/buttons/angular/example_component_ts.md | 1 + .../usage/v7/list-header/lines/angular/example_component_ts.md | 1 + .../list-header/theming/colors/angular/example_component_ts.md | 1 + .../usage/v8/list-header/basic/angular/example_component_ts.md | 1 + .../usage/v8/list-header/buttons/angular/example_component_ts.md | 1 + .../usage/v8/list-header/lines/angular/example_component_ts.md | 1 + .../list-header/theming/colors/angular/example_component_ts.md | 1 + 8 files changed, 8 insertions(+) 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 index 1705413e776..dd5f0b5005b 100644 --- a/static/usage/v7/list-header/basic/angular/example_component_ts.md +++ b/static/usage/v7/list-header/basic/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standa @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/buttons/angular/example_component_ts.md b/static/usage/v7/list-header/buttons/angular/example_component_ts.md index 327e3fd33c4..a608c44a22d 100644 --- a/static/usage/v7/list-header/buttons/angular/example_component_ts.md +++ b/static/usage/v7/list-header/buttons/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/ang @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/lines/angular/example_component_ts.md b/static/usage/v7/list-header/lines/angular/example_component_ts.md index 1705413e776..dd5f0b5005b 100644 --- a/static/usage/v7/list-header/lines/angular/example_component_ts.md +++ b/static/usage/v7/list-header/lines/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standa @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/theming/colors/angular/example_component_ts.md b/static/usage/v7/list-header/theming/colors/angular/example_component_ts.md index d8f0e7b11df..3a455a0c901 100644 --- 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 @@ -5,6 +5,7 @@ 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/basic/angular/example_component_ts.md b/static/usage/v8/list-header/basic/angular/example_component_ts.md index 1705413e776..dd5f0b5005b 100644 --- a/static/usage/v8/list-header/basic/angular/example_component_ts.md +++ b/static/usage/v8/list-header/basic/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standa @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/buttons/angular/example_component_ts.md b/static/usage/v8/list-header/buttons/angular/example_component_ts.md index 327e3fd33c4..a608c44a22d 100644 --- a/static/usage/v8/list-header/buttons/angular/example_component_ts.md +++ b/static/usage/v8/list-header/buttons/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/ang @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/lines/angular/example_component_ts.md b/static/usage/v8/list-header/lines/angular/example_component_ts.md index 1705413e776..dd5f0b5005b 100644 --- a/static/usage/v8/list-header/lines/angular/example_component_ts.md +++ b/static/usage/v8/list-header/lines/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standa @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/theming/colors/angular/example_component_ts.md b/static/usage/v8/list-header/theming/colors/angular/example_component_ts.md index d8f0e7b11df..3a455a0c901 100644 --- 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 @@ -5,6 +5,7 @@ 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 {} From 3977f5a982fe20c7269d3baca42190fa134dffce Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Thu, 26 Dec 2024 13:43:11 -0500 Subject: [PATCH 3/3] docs(list-header): update angular to standalone --- static/usage/v7/list-header/basic/angular.md | 22 ----------- .../usage/v7/list-header/buttons/angular.md | 23 ------------ static/usage/v7/list-header/lines/angular.md | 37 ------------------- .../v7/list-header/theming/colors/angular.md | 32 ---------------- .../angular/example_component_ts.md | 12 ++++++ .../theming/css-properties/index.md | 6 ++- static/usage/v8/list-header/basic/angular.md | 22 ----------- .../usage/v8/list-header/buttons/angular.md | 23 ------------ static/usage/v8/list-header/lines/angular.md | 37 ------------------- .../v8/list-header/theming/colors/angular.md | 32 ---------------- .../angular/example_component_ts.md | 12 ++++++ .../theming/css-properties/index.md | 6 ++- 12 files changed, 32 insertions(+), 232 deletions(-) delete mode 100644 static/usage/v7/list-header/basic/angular.md delete mode 100644 static/usage/v7/list-header/buttons/angular.md delete mode 100644 static/usage/v7/list-header/lines/angular.md delete mode 100644 static/usage/v7/list-header/theming/colors/angular.md create mode 100644 static/usage/v7/list-header/theming/css-properties/angular/example_component_ts.md delete mode 100644 static/usage/v8/list-header/basic/angular.md delete mode 100644 static/usage/v8/list-header/buttons/angular.md delete mode 100644 static/usage/v8/list-header/lines/angular.md delete mode 100644 static/usage/v8/list-header/theming/colors/angular.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.md deleted file mode 100644 index d2e2f3fb345..00000000000 --- a/static/usage/v7/list-header/basic/angular.md +++ /dev/null @@ -1,22 +0,0 @@ -```html - - - Video Games - - - Pokémon Yellow - - - Mega Man X - - - The Legend of Zelda - - - Pac-Man - - - Super Mario World - - -``` diff --git a/static/usage/v7/list-header/buttons/angular.md b/static/usage/v7/list-header/buttons/angular.md deleted file mode 100644 index 7c24d9242a2..00000000000 --- a/static/usage/v7/list-header/buttons/angular.md +++ /dev/null @@ -1,23 +0,0 @@ -```html - - - Video Games - See All - - - Pokémon Yellow - - - Mega Man X - - - The Legend of Zelda - - - Pac-Man - - - Super Mario World - - -``` diff --git a/static/usage/v7/list-header/lines/angular.md b/static/usage/v7/list-header/lines/angular.md deleted file mode 100644 index 7feb30bd27d..00000000000 --- a/static/usage/v7/list-header/lines/angular.md +++ /dev/null @@ -1,37 +0,0 @@ -```html - - - Default - - - Item - - - Item - - - - - - Inset - - - Item - - - Item - - - - - - Full - - - Item - - - Item - - -``` diff --git a/static/usage/v7/list-header/theming/colors/angular.md b/static/usage/v7/list-header/theming/colors/angular.md deleted file mode 100644 index 88d5b12d912..00000000000 --- a/static/usage/v7/list-header/theming/colors/angular.md +++ /dev/null @@ -1,32 +0,0 @@ -```html - - Default - - - Primary - - - Secondary - - - Tertiary - - - Success - - - Warning - - - Danger - - - Light - - - Medium - - - Dark - -``` 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'; - - Video Games - - - Pokémon Yellow - - - Mega Man X - - - The Legend of Zelda - - - Pac-Man - - - Super Mario World - - -``` diff --git a/static/usage/v8/list-header/buttons/angular.md b/static/usage/v8/list-header/buttons/angular.md deleted file mode 100644 index 7c24d9242a2..00000000000 --- a/static/usage/v8/list-header/buttons/angular.md +++ /dev/null @@ -1,23 +0,0 @@ -```html - - - Video Games - See All - - - Pokémon Yellow - - - Mega Man X - - - The Legend of Zelda - - - Pac-Man - - - Super Mario World - - -``` diff --git a/static/usage/v8/list-header/lines/angular.md b/static/usage/v8/list-header/lines/angular.md deleted file mode 100644 index 7feb30bd27d..00000000000 --- a/static/usage/v8/list-header/lines/angular.md +++ /dev/null @@ -1,37 +0,0 @@ -```html - - - Default - - - Item - - - Item - - - - - - Inset - - - Item - - - Item - - - - - - Full - - - Item - - - Item - - -``` diff --git a/static/usage/v8/list-header/theming/colors/angular.md b/static/usage/v8/list-header/theming/colors/angular.md deleted file mode 100644 index 88d5b12d912..00000000000 --- a/static/usage/v8/list-header/theming/colors/angular.md +++ /dev/null @@ -1,32 +0,0 @@ -```html - - Default - - - Primary - - - Secondary - - - Tertiary - - - Success - - - Warning - - - Danger - - - Light - - - Medium - - - Dark - -``` 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';