diff --git a/static/usage/v8/input-password-toggle/basic/angular.md b/static/usage/v8/input-password-toggle/basic/angular/example_component_html.md similarity index 100% rename from static/usage/v8/input-password-toggle/basic/angular.md rename to static/usage/v8/input-password-toggle/basic/angular/example_component_html.md diff --git a/static/usage/v8/input-password-toggle/basic/angular/example_component_ts.md b/static/usage/v8/input-password-toggle/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..5257544984e --- /dev/null +++ b/static/usage/v8/input-password-toggle/basic/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonInput, IonInputPasswordToggle } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonInput, IonInputPasswordToggle], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/input-password-toggle/basic/index.md b/static/usage/v8/input-password-toggle/basic/index.md index 037fec4f190..16f73c76caa 100644 --- a/static/usage/v8/input-password-toggle/basic/index.md +++ b/static/usage/v8/input-password-toggle/basic/index.md @@ -3,10 +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';