Skip to content

Commit cb38571

Browse files
brandyscarneybrandyscarney
authored
docs(textarea): update angular to standalone (#3969)
1 parent 0486a2c commit cb38571

File tree

56 files changed

+462
-34
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

56 files changed

+462
-34
lines changed

‎static/usage/v7/textarea/autogrow/angular.md renamed to ‎static/usage/v7/textarea/autogrow/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/autogrow/angular/example_component_ts.md

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

‎static/usage/v7/textarea/autogrow/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,23 @@ 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
size="small"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v7/textarea/autogrow/demo.html"
1325
/>

‎static/usage/v7/textarea/basic/angular.md renamed to ‎static/usage/v7/textarea/basic/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/basic/angular/example_component_ts.md

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

‎static/usage/v7/textarea/basic/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,23 @@ 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
size="250px"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v7/textarea/basic/demo.html"
1325
/>

‎static/usage/v7/textarea/clear-on-edit/angular.md renamed to ‎static/usage/v7/textarea/clear-on-edit/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/clear-on-edit/angular/example_component_ts.md

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

‎static/usage/v7/textarea/clear-on-edit/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,23 @@ 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
size="xsmall"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v7/textarea/clear-on-edit/demo.html"
1325
/>

‎static/usage/v7/textarea/counter/angular/example_component_ts.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
```ts
22
import { Component } from '@angular/core';
3+
import { IonTextarea } from '@ionic/angular/standalone';
34

45
@Component({
56
selector: 'app-example',
67
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonTextarea],
710
})
811
export class ExampleComponent {
912
customCounterFormatter(inputLength: number, maxLength: number) {

‎static/usage/v7/textarea/fill/angular.md renamed to ‎static/usage/v7/textarea/fill/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/fill/angular/example_component_ts.md

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

‎static/usage/v7/textarea/fill/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,24 @@ 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
size="250px"
11-
code={{ javascript, react, vue, angular }}
13+
code={{
14+
javascript,
15+
react,
16+
vue,
17+
angular: {
18+
files: {
19+
'src/app/example.component.html': angular_example_component_html,
20+
'src/app/example.component.ts': angular_example_component_ts,
21+
},
22+
},
23+
}}
1224
src="usage/v7/textarea/fill/demo.html"
1325
mode="md"
1426
/>

‎static/usage/v7/textarea/helper-error/angular.md renamed to ‎static/usage/v7/textarea/helper-error/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/helper-error/angular/example_component_ts.md

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

‎static/usage/v7/textarea/helper-error/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/textarea/helper-error/demo.html"
1724
size="200px"

‎static/usage/v7/textarea/label-placement/angular.md renamed to ‎static/usage/v7/textarea/label-placement/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/label-placement/angular/example_component_ts.md

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

‎static/usage/v7/textarea/label-placement/index.md

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,23 @@ 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"
10-
code={{ javascript, react, vue, angular }}
12+
code={{
13+
javascript,
14+
react,
15+
vue,
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+
},
22+
}}
1123
src="usage/v7/textarea/label-placement/demo.html"
1224
size="300px"
1325
/>

‎static/usage/v7/textarea/label-slot/angular.md renamed to ‎static/usage/v7/textarea/label-slot/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/label-slot/angular/example_component_ts.md

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

‎static/usage/v7/textarea/label-slot/index.md

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +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';
76

8-
<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/textarea/label-slot/demo.html" />
7+
import angular_example_component_html from './angular/example_component_html.md';
8+
import angular_example_component_ts from './angular/example_component_ts.md';
9+
10+
<Playground
11+
version="7"
12+
code={{
13+
javascript,
14+
react,
15+
vue,
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+
},
22+
}}
23+
src="usage/v7/textarea/label-slot/demo.html"
24+
/>

‎static/usage/v7/textarea/no-visible-label/angular.md renamed to ‎static/usage/v7/textarea/no-visible-label/angular/example_component_html.md

File renamed without changes.

‎static/usage/v7/textarea/no-visible-label/angular/example_component_ts.md

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

‎static/usage/v7/textarea/no-visible-label/index.md

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +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';
76

8-
<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/textarea/no-visible-label/demo.html" />
7+
import angular_example_component_html from './angular/example_component_html.md';
8+
import angular_example_component_ts from './angular/example_component_ts.md';
9+
10+
<Playground
11+
version="7"
12+
code={{
13+
javascript,
14+
react,
15+
vue,
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+
},
22+
}}
23+
src="usage/v7/textarea/no-visible-label/demo.html"
24+
/>

‎static/usage/v7/textarea/start-end-slots/angular/example_component_ts.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
```ts
22
import { Component } from '@angular/core';
3+
import { IonButton, IonIcon, IonItem, IonList, IonTextarea } from '@ionic/angular/standalone';
34

45
import { addIcons } from 'ionicons';
56
import { eye, lockClosed } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { eye, lockClosed } from 'ionicons/icons';
89
selector: 'app-example',
910
templateUrl: 'example.component.html',
1011
styleUrls: ['example.component.css'],
12+
imports: [IonButton, IonIcon, IonItem, IonList, IonTextarea],
1113
})
1214
export class ExampleComponent {
1315
constructor() {

‎static/usage/v7/textarea/theming/angular/example_component_ts.md

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

‎static/usage/v7/textarea/theming/index.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import vue from './vue.md';
99

1010
import angular_example_component_html from './angular/example_component_html.md';
1111
import angular_example_component_css from './angular/example_component_css.md';
12+
import angular_example_component_ts from './angular/example_component_ts.md';
1213
import angular_global_css from './angular/global_css.md';
1314

1415
<Playground
@@ -25,8 +26,9 @@ import angular_global_css from './angular/global_css.md';
2526
vue,
2627
angular: {
2728
files: {
28-
'src/app/example.component.css': angular_example_component_css,
2929
'src/app/example.component.html': angular_example_component_html,
30+
'src/app/example.component.css': angular_example_component_css,
31+
'src/app/example.component.ts': angular_example_component_ts,
3032
'src/global.css': angular_global_css,
3133
},
3234
},

‎static/usage/v8/textarea/autogrow/angular.md renamed to ‎static/usage/v8/textarea/autogrow/angular/example_component_html.md

File renamed without changes.

‎static/usage/v8/textarea/autogrow/angular/example_component_ts.md

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

0 commit comments

Comments
 (0)