Skip to content

Commit

Permalink
docs(list-header): update angular to standalone (#3944)
Browse files Browse the repository at this point in the history
  • Loading branch information
brandyscarney authored Dec 30, 2024
1 parent 8dd90f3 commit 861de0f
Show file tree
Hide file tree
Showing 28 changed files with 240 additions and 20 deletions.
12 changes: 12 additions & 0 deletions static/usage/v7/list-header/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 { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonList, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/list-header/basic/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/basic/demo.html"
size="325px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonButton, IonItem, IonLabel, IonList, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/list-header/buttons/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/buttons/demo.html"
size="325px"
/>
12 changes: 12 additions & 0 deletions static/usage/v7/list-header/lines/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, IonList, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonList, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/list-header/lines/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/lines/demo.html"
size="500px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonLabel, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonLabel, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/list-header/theming/colors/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/theming/colors/demo.html"
size="650px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonLabel, IonListHeader } from '@ionic/angular/standalone';

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

import vue from './vue.md';

import angular_example_component_css from './angular/example_component_css.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 @@ -23,8 +24,9 @@ import angular_example_component_html from './angular/example_component_html.md'
vue,
angular: {
files: {
'src/app/example.component.css': angular_example_component_css,
'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
12 changes: 12 additions & 0 deletions static/usage/v8/list-header/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 { IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonList, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/list-header/basic/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/basic/demo.html"
size="325px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonButton, IonItem, IonLabel, IonList, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonButton, IonItem, IonLabel, IonList, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/list-header/buttons/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/buttons/demo.html"
size="325px"
/>
12 changes: 12 additions & 0 deletions static/usage/v8/list-header/lines/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, IonList, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonList, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/list-header/lines/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/lines/demo.html"
size="500px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonLabel, IonListHeader } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonLabel, IonListHeader],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/list-header/theming/colors/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,23 @@ 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';

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 }}
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/list-header/theming/colors/demo.html"
size="650px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonLabel, IonListHeader } from '@ionic/angular/standalone';

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

import vue from './vue.md';

import angular_example_component_css from './angular/example_component_css.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 @@ -23,8 +24,9 @@ import angular_example_component_html from './angular/example_component_html.md'
vue,
angular: {
files: {
'src/app/example.component.css': angular_example_component_css,
'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 861de0f

Please sign in to comment.