Skip to content

Commit 3bc4555

Browse files
brandyscarneybrandyscarney
committed
docs(keyboard): update angular to standalone
1 parent c5926f0 commit 3bc4555

File tree

12 files changed

+146
-8
lines changed

12 files changed

+146
-8
lines changed

‎static/usage/v7/keyboard/enterkeyhint/angular/example_component_html.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
```html
2+
<ion-list>
3+
<ion-item>
4+
<ion-input enterkeyhint="search" labelPlacement="stacked" placeholder="Enter search query">
5+
<code slot="label">enterkeyhint="search"</code>
6+
</ion-input>
7+
</ion-item>
8+
<ion-item>
9+
<ion-input enterkeyhint="send" labelPlacement="stacked" placeholder="Type a message">
10+
<code slot="label">enterkeyhint="send"</code>
11+
</ion-input>
12+
</ion-item>
13+
</ion-list>
14+
```

‎static/usage/v7/keyboard/enterkeyhint/angular/example_component_ts.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import { IonInput, IonItem, IonList } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
imports: [IonInput, IonItem, IonList],
9+
})
10+
export class ExampleComponent {}
11+
```

‎static/usage/v7/keyboard/enterkeyhint/index.md‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,22 @@ import Playground from '@site/src/components/global/Playground';
33
import javascript from './javascript.md';
44
import react from './react.md';
55
import vue from './vue.md';
6-
import angular from './angular.md';
6+
7+
import angular_example_component_html from './angular/example_component_html.md';
8+
import angular_example_component_ts from './angular/example_component_ts.md';
79

810
<Playground
911
version="7"
1012
code={{
1113
javascript,
1214
react,
1315
vue,
14-
angular,
16+
angular: {
17+
files: {
18+
'src/app/example.component.html': angular_example_component_html,
19+
'src/app/example.component.ts': angular_example_component_ts,
20+
},
21+
},
1522
}}
1623
src="usage/v7/keyboard/enterkeyhint/demo.html"
1724
/>

‎static/usage/v7/keyboard/inputmode/angular/example_component_html.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
```html
2+
<ion-list>
3+
<ion-item>
4+
<ion-input inputmode="email" labelPlacement="stacked" placeholder="Enter a username or email address">
5+
<code slot="label">inputmode="email"</code>
6+
</ion-input>
7+
</ion-item>
8+
<ion-item>
9+
<ion-input inputmode="numeric" labelPlacement="stacked" placeholder="Enter an integer">
10+
<code slot="label">inputmode="numeric"</code>
11+
</ion-input>
12+
</ion-item>
13+
<ion-item>
14+
<ion-input inputmode="decimal" labelPlacement="stacked" placeholder="Enter a decimal">
15+
<code slot="label">inputmode="decimal"</code>
16+
</ion-input>
17+
</ion-item>
18+
</ion-list>
19+
```

‎static/usage/v7/keyboard/inputmode/angular/example_component_ts.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import { IonInput, IonItem, IonList } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
imports: [IonInput, IonItem, IonList],
9+
})
10+
export class ExampleComponent {}
11+
```

‎static/usage/v7/keyboard/inputmode/index.md‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,22 @@ import Playground from '@site/src/components/global/Playground';
33
import javascript from './javascript.md';
44
import react from './react.md';
55
import vue from './vue.md';
6-
import angular from './angular.md';
6+
7+
import angular_example_component_html from './angular/example_component_html.md';
8+
import angular_example_component_ts from './angular/example_component_ts.md';
79

810
<Playground
911
version="7"
1012
code={{
1113
javascript,
1214
react,
1315
vue,
14-
angular,
16+
angular: {
17+
files: {
18+
'src/app/example.component.html': angular_example_component_html,
19+
'src/app/example.component.ts': angular_example_component_ts,
20+
},
21+
},
1522
}}
1623
src="usage/v7/keyboard/inputmode/demo.html"
1724
/>

‎static/usage/v8/keyboard/enterkeyhint/angular/example_component_html.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
```html
2+
<ion-list>
3+
<ion-item>
4+
<ion-input enterkeyhint="search" labelPlacement="stacked" placeholder="Enter search query">
5+
<code slot="label">enterkeyhint="search"</code>
6+
</ion-input>
7+
</ion-item>
8+
<ion-item>
9+
<ion-input enterkeyhint="send" labelPlacement="stacked" placeholder="Type a message">
10+
<code slot="label">enterkeyhint="send"</code>
11+
</ion-input>
12+
</ion-item>
13+
</ion-list>
14+
```

‎static/usage/v8/keyboard/enterkeyhint/angular/example_component_ts.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
```ts
2+
import { Component } from '@angular/core';
3+
import { IonInput, IonItem, IonList } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
imports: [IonInput, IonItem, IonList],
9+
})
10+
export class ExampleComponent {}
11+
```

‎static/usage/v8/keyboard/enterkeyhint/index.md‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,22 @@ import Playground from '@site/src/components/global/Playground';
33
import javascript from './javascript.md';
44
import react from './react.md';
55
import vue from './vue.md';
6-
import angular from './angular.md';
6+
7+
import angular_example_component_html from './angular/example_component_html.md';
8+
import angular_example_component_ts from './angular/example_component_ts.md';
79

810
<Playground
911
version="8"
1012
code={{
1113
javascript,
1214
react,
1315
vue,
14-
angular,
16+
angular: {
17+
files: {
18+
'src/app/example.component.html': angular_example_component_html,
19+
'src/app/example.component.ts': angular_example_component_ts,
20+
},
21+
},
1522
}}
1623
src="usage/v8/keyboard/enterkeyhint/demo.html"
1724
/>

‎static/usage/v8/keyboard/inputmode/angular/example_component_html.md‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
```html
2+
<ion-list>
3+
<ion-item>
4+
<ion-input inputmode="email" labelPlacement="stacked" placeholder="Enter a username or email address">
5+
<code slot="label">inputmode="email"</code>
6+
</ion-input>
7+
</ion-item>
8+
<ion-item>
9+
<ion-input inputmode="numeric" labelPlacement="stacked" placeholder="Enter an integer">
10+
<code slot="label">inputmode="numeric"</code>
11+
</ion-input>
12+
</ion-item>
13+
<ion-item>
14+
<ion-input inputmode="decimal" labelPlacement="stacked" placeholder="Enter a decimal">
15+
<code slot="label">inputmode="decimal"</code>
16+
</ion-input>
17+
</ion-item>
18+
</ion-list>
19+
```

0 commit comments

Comments
 (0)