diff --git a/static/usage/v7/label/basic/angular.md b/static/usage/v7/label/basic/angular/example_component_html.md similarity index 100% rename from static/usage/v7/label/basic/angular.md rename to static/usage/v7/label/basic/angular/example_component_html.md diff --git a/static/usage/v7/label/basic/angular/example_component_ts.md b/static/usage/v7/label/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..5a7fdcebe2b --- /dev/null +++ b/static/usage/v7/label/basic/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/label/basic/index.md b/static/usage/v7/label/basic/index.md index b9365587f5c..fd1b9312fdc 100644 --- a/static/usage/v7/label/basic/index.md +++ b/static/usage/v7/label/basic/index.md @@ -3,6 +3,22 @@ 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/label/input/angular.md b/static/usage/v7/label/input/angular/example_component_html.md similarity index 100% rename from static/usage/v7/label/input/angular.md rename to static/usage/v7/label/input/angular/example_component_html.md diff --git a/static/usage/v7/label/input/angular/example_component_ts.md b/static/usage/v7/label/input/angular/example_component_ts.md new file mode 100644 index 00000000000..88e481153be --- /dev/null +++ b/static/usage/v7/label/input/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonCheckbox, IonInput, IonItem, IonLabel, IonToggle } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonCheckbox, IonInput, IonItem, IonLabel, IonToggle], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/label/input/index.md b/static/usage/v7/label/input/index.md index a1e95d3ab95..72d429fd52d 100644 --- a/static/usage/v7/label/input/index.md +++ b/static/usage/v7/label/input/index.md @@ -3,6 +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/label/item/angular.md b/static/usage/v7/label/item/angular/example_component_html.md similarity index 100% rename from static/usage/v7/label/item/angular.md rename to static/usage/v7/label/item/angular/example_component_html.md diff --git a/static/usage/v7/label/item/angular/example_component_ts.md b/static/usage/v7/label/item/angular/example_component_ts.md new file mode 100644 index 00000000000..f3dbc764613 --- /dev/null +++ b/static/usage/v7/label/item/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonItem, IonLabel], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/label/item/index.md b/static/usage/v7/label/item/index.md index 2c712e82183..4cdbf406926 100644 --- a/static/usage/v7/label/item/index.md +++ b/static/usage/v7/label/item/index.md @@ -3,6 +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/label/theming/colors/angular.md b/static/usage/v7/label/theming/colors/angular/example_component_html.md similarity index 100% rename from static/usage/v7/label/theming/colors/angular.md rename to static/usage/v7/label/theming/colors/angular/example_component_html.md diff --git a/static/usage/v7/label/theming/colors/angular/example_component_ts.md b/static/usage/v7/label/theming/colors/angular/example_component_ts.md new file mode 100644 index 00000000000..5a7fdcebe2b --- /dev/null +++ b/static/usage/v7/label/theming/colors/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/label/theming/colors/index.md b/static/usage/v7/label/theming/colors/index.md index 45363df63a4..9abf7316101 100644 --- a/static/usage/v7/label/theming/colors/index.md +++ b/static/usage/v7/label/theming/colors/index.md @@ -3,6 +3,22 @@ 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/label/basic/angular.md b/static/usage/v8/label/basic/angular/example_component_html.md similarity index 100% rename from static/usage/v8/label/basic/angular.md rename to static/usage/v8/label/basic/angular/example_component_html.md diff --git a/static/usage/v8/label/basic/angular/example_component_ts.md b/static/usage/v8/label/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..5a7fdcebe2b --- /dev/null +++ b/static/usage/v8/label/basic/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/label/basic/index.md b/static/usage/v8/label/basic/index.md index 09def9afbe1..32c8857bf28 100644 --- a/static/usage/v8/label/basic/index.md +++ b/static/usage/v8/label/basic/index.md @@ -3,6 +3,22 @@ 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/label/input/angular.md b/static/usage/v8/label/input/angular/example_component_html.md similarity index 100% rename from static/usage/v8/label/input/angular.md rename to static/usage/v8/label/input/angular/example_component_html.md diff --git a/static/usage/v8/label/input/angular/example_component_ts.md b/static/usage/v8/label/input/angular/example_component_ts.md new file mode 100644 index 00000000000..88e481153be --- /dev/null +++ b/static/usage/v8/label/input/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonCheckbox, IonInput, IonItem, IonLabel, IonToggle } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonCheckbox, IonInput, IonItem, IonLabel, IonToggle], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/label/input/index.md b/static/usage/v8/label/input/index.md index 35375f73758..4e9f2a35b88 100644 --- a/static/usage/v8/label/input/index.md +++ b/static/usage/v8/label/input/index.md @@ -3,6 +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/label/item/angular.md b/static/usage/v8/label/item/angular/example_component_html.md similarity index 100% rename from static/usage/v8/label/item/angular.md rename to static/usage/v8/label/item/angular/example_component_html.md diff --git a/static/usage/v8/label/item/angular/example_component_ts.md b/static/usage/v8/label/item/angular/example_component_ts.md new file mode 100644 index 00000000000..f3dbc764613 --- /dev/null +++ b/static/usage/v8/label/item/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonItem, IonLabel } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonItem, IonLabel], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/label/item/index.md b/static/usage/v8/label/item/index.md index 4e872990d19..d06297eb34b 100644 --- a/static/usage/v8/label/item/index.md +++ b/static/usage/v8/label/item/index.md @@ -3,6 +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/label/theming/colors/angular.md b/static/usage/v8/label/theming/colors/angular/example_component_html.md similarity index 100% rename from static/usage/v8/label/theming/colors/angular.md rename to static/usage/v8/label/theming/colors/angular/example_component_html.md diff --git a/static/usage/v8/label/theming/colors/angular/example_component_ts.md b/static/usage/v8/label/theming/colors/angular/example_component_ts.md new file mode 100644 index 00000000000..5a7fdcebe2b --- /dev/null +++ b/static/usage/v8/label/theming/colors/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonLabel } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonLabel], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/label/theming/colors/index.md b/static/usage/v8/label/theming/colors/index.md index bf94e2a9a32..840dfd5137d 100644 --- a/static/usage/v8/label/theming/colors/index.md +++ b/static/usage/v8/label/theming/colors/index.md @@ -3,6 +3,22 @@ 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'; + +