Skip to content

Commit

Permalink
docs(thumbnail): update angular to standalone (#3971)
Browse files Browse the repository at this point in the history
  • Loading branch information
brandyscarney authored Dec 30, 2024
1 parent 310c259 commit e014657
Show file tree
Hide file tree
Showing 16 changed files with 148 additions and 8 deletions.
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v7/thumbnail/basic/angular/example_component_ts.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonThumbnail } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonThumbnail],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v7/thumbnail/basic/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';

<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/thumbnail/basic/demo.html" />
import angular_example_component_html from './angular/example_component_html.md';
import angular_example_component_ts from './angular/example_component_ts.md';

<Playground
version="7"
code={{
javascript,
react,
vue,
angular: {
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
src="usage/v7/thumbnail/basic/demo.html"
/>
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v7/thumbnail/item/angular/example_component_ts.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonLabel, IonThumbnail } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonThumbnail],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v7/thumbnail/item/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';

<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/thumbnail/item/demo.html" />
import angular_example_component_html from './angular/example_component_html.md';
import angular_example_component_ts from './angular/example_component_ts.md';

<Playground
version="7"
code={{
javascript,
react,
vue,
angular: {
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
src="usage/v7/thumbnail/item/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonThumbnail } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonThumbnail],
})
export class ExampleComponent {}
```
2 changes: 2 additions & 0 deletions static/usage/v7/thumbnail/theming/css-properties/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import vue from './vue.md';

import angular_example_component_html from './angular/example_component_html.md';
import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_ts from './angular/example_component_ts.md';

<Playground
version="7"
Expand All @@ -25,6 +26,7 @@ import angular_example_component_css from './angular/example_component_css.md';
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.css': angular_example_component_css,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
Expand Down
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v8/thumbnail/basic/angular/example_component_ts.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonThumbnail } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonThumbnail],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v8/thumbnail/basic/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';

<Playground version="8" code={{ javascript, react, vue, angular }} src="usage/v8/thumbnail/basic/demo.html" />
import angular_example_component_html from './angular/example_component_html.md';
import angular_example_component_ts from './angular/example_component_ts.md';

<Playground
version="8"
code={{
javascript,
react,
vue,
angular: {
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
src="usage/v8/thumbnail/basic/demo.html"
/>
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v8/thumbnail/item/angular/example_component_ts.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonLabel, IonThumbnail } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonThumbnail],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v8/thumbnail/item/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
import angular from './angular.md';

<Playground version="8" code={{ javascript, react, vue, angular }} src="usage/v8/thumbnail/item/demo.html" />
import angular_example_component_html from './angular/example_component_html.md';
import angular_example_component_ts from './angular/example_component_ts.md';

<Playground
version="8"
code={{
javascript,
react,
vue,
angular: {
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
src="usage/v8/thumbnail/item/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonThumbnail } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonThumbnail],
})
export class ExampleComponent {}
```
2 changes: 2 additions & 0 deletions static/usage/v8/thumbnail/theming/css-properties/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ import vue from './vue.md';

import angular_example_component_html from './angular/example_component_html.md';
import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_ts from './angular/example_component_ts.md';

<Playground
version="8"
Expand All @@ -25,6 +26,7 @@ import angular_example_component_css from './angular/example_component_css.md';
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.css': angular_example_component_css,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
Expand Down

0 comments on commit e014657

Please sign in to comment.