Skip to content

Commit f8e7f26

Browse files
committed
docs(icon): update angular to standalone
1 parent b9ad11b commit f8e7f26

File tree

3 files changed

+19
-8
lines changed

3 files changed

+19
-8
lines changed

static/usage/v8/icon/basic/angular.md

Lines changed: 0 additions & 6 deletions
This file was deleted.

static/usage/v8/icon/basic/angular/example_component_ts.md

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,23 @@
22
import { Component } from '@angular/core';
33
import { IonIcon } from '@ionic/angular/standalone';
44

5+
import { addIcons } from 'ionicons';
6+
import { logoIonic } from 'ionicons/icons';
7+
58
@Component({
69
selector: 'app-example',
710
templateUrl: 'example.component.html',
811
styleUrls: ['example.component.css'],
912
imports: [IonIcon],
1013
})
11-
export class ExampleComponent {}
14+
export class ExampleComponent {
15+
constructor() {
16+
/**
17+
* Any icons you want to use in your application
18+
* can be registered in app.component.ts and then
19+
* referenced by name anywhere in your application.
20+
*/
21+
addIcons({ logoIonic });
22+
}
23+
}
1224
```

static/usage/v8/icon/basic/index.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,12 @@ import angular_example_component_ts from './angular/example_component_ts.md';
1212
<Playground
1313
version="8"
1414
code={{
15-
javascript,
15+
javascript: {
16+
files: {
17+
'index.html': javascript_index_html,
18+
'index.ts': javascript_index_ts,
19+
},
20+
},
1621
react,
1722
vue,
1823
angular: {

0 commit comments

Comments
 (0)