Skip to content

Commit 362e902

Browse files
docs(v6): update JavaScript example for icon
1 parent d49391b commit 362e902

File tree

6 files changed

+41
-5
lines changed

6 files changed

+41
-5
lines changed

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

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
import Playground from '@site/src/components/global/Playground';
22

3-
import javascript from './javascript.md';
3+
import javascript_index_html from './javascript/index_html.md';
4+
import javascript_index_ts from './javascript/index_ts.md';
5+
46
import react from './react.md';
57
import vue from './vue.md';
68
import angular_example_component_html from './angular/example_component_html.md';
@@ -10,7 +12,12 @@ import angular_example_component_ts from './angular/example_component_ts.md';
1012
version="6"
1113
size="xsmall"
1214
code={{
13-
javascript,
15+
javascript: {
16+
files: {
17+
'index.html': javascript_index_html,
18+
'index.ts': javascript_index_ts,
19+
},
20+
},
1421
react,
1522
vue,
1623
angular: {
File renamed without changes.
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
```ts
2+
import { defineCustomElements } from '@ionic/core/loader';
3+
4+
import { addIcons } from 'ionicons';
5+
import { logoIonic } from 'ionicons/icons';
6+
7+
/* Core CSS required for Ionic components to work properly */
8+
import '@ionic/core/css/core.css';
9+
10+
/* Basic CSS for apps built with Ionic */
11+
import '@ionic/core/css/normalize.css';
12+
import '@ionic/core/css/structure.css';
13+
import '@ionic/core/css/typography.css';
14+
15+
/* Optional CSS utils that can be commented out */
16+
import '@ionic/core/css/padding.css';
17+
import '@ionic/core/css/float-elements.css';
18+
import '@ionic/core/css/text-alignment.css';
19+
import '@ionic/core/css/text-transformation.css';
20+
import '@ionic/core/css/flex-utils.css';
21+
import '@ionic/core/css/display.css';
22+
23+
/* Theme variables */
24+
import './theme/variables.css';
25+
26+
addIcons({ logoIonic });
27+
28+
defineCustomElements();
29+
```

versioned_docs/version-v6/developer-resources/books.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Angular. Vue. React. Vanilla JavaScript. All of these tools can be used to creat
66

77
<!-- cspell:disable-next-line -->
88

9-
by [Paul Halliday](https:://developer.school)
9+
by [Paul Halliday](https://developer.school)
1010

1111
### [Creating Ionic Applications with StencilJS](https://www.joshmorony.com/creating-ionic-applications-with-stencil-js/) - [Free Preview](https://cdn2.hubspot.net/hubfs/3776657/PREVIEW-Creating-Ionic-Apps-with-StencilJS.pdf)
1212

versions.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
[
2-
"v7"
2+
"v7",
3+
"v6"
34
]

versionsArchived.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
11
{
2-
"v6": "https://ionic-docs-o31kiyk8l-ionic1.vercel.app/docs/v6",
32
"v5": "https://ionic-docs-5utg8ms4c-ionic1.vercel.app/docs/v5"
43
}

0 commit comments

Comments
 (0)