Skip to content

Commit 2fcbca5

Browse files
brandyscarneybrandyscarney
authored
docs(chip): update angular to standalone (#3922)
1 parent 5be813f commit 2fcbca5

File tree

18 files changed

+156
-12
lines changed

18 files changed

+156
-12
lines changed

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

File renamed without changes.

‎static/usage/v7/chip/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 { IonChip } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonChip],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/chip/basic/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/chip/basic/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/chip/basic/demo.html"
24+
/>

‎static/usage/v7/chip/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 { IonAvatar, IonChip, IonIcon, IonLabel } from '@ionic/angular/standalone';
34

45
import { addIcons } from 'ionicons';
56
import { close, closeCircle, pin } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { close, closeCircle, pin } from 'ionicons/icons';
89
selector: 'app-example',
910
templateUrl: 'example.component.html',
1011
styleUrls: ['example.component.css'],
12+
imports: [IonAvatar, IonChip, IonIcon, IonLabel],
1113
})
1214
export class ExampleComponent {
1315
constructor() {

‎static/usage/v7/chip/theming/colors/angular.md‎ renamed to ‎static/usage/v7/chip/theming/colors/angular/example_component_html.md‎

File renamed without changes.

‎static/usage/v7/chip/theming/colors/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 { IonChip } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonChip],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/chip/theming/colors/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/chip/theming/colors/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/chip/theming/colors/demo.html"
24+
/>

‎static/usage/v7/chip/theming/css-properties/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 { IonChip } from '@ionic/angular/standalone';
4+
5+
@Component({
6+
selector: 'app-example',
7+
templateUrl: 'example.component.html',
8+
styleUrls: ['example.component.css'],
9+
imports: [IonChip],
10+
})
11+
export class ExampleComponent {}
12+
```

‎static/usage/v7/chip/theming/css-properties/index.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,9 @@ import react_main_tsx from './react/main_tsx.md';
77

88
import vue from './vue.md';
99

10-
import angular_example_component_css from './angular/example_component_css.md';
1110
import angular_example_component_html from './angular/example_component_html.md';
11+
import angular_example_component_css from './angular/example_component_css.md';
12+
import angular_example_component_ts from './angular/example_component_ts.md';
1213

1314
<Playground
1415
version="7"
@@ -23,8 +24,9 @@ import angular_example_component_html from './angular/example_component_html.md'
2324
vue,
2425
angular: {
2526
files: {
26-
'src/app/example.component.css': angular_example_component_css,
2727
'src/app/example.component.html': angular_example_component_html,
28+
'src/app/example.component.css': angular_example_component_css,
29+
'src/app/example.component.ts': angular_example_component_ts,
2830
},
2931
},
3032
}}

‎static/usage/v8/chip/basic/angular.md‎ renamed to ‎static/usage/v8/chip/basic/angular/example_component_html.md‎

File renamed without changes.

0 commit comments

Comments
 (0)