Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions static/usage/v7/textarea/autogrow/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, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/textarea/autogrow/index.md
Original file line number Diff line number Diff line change
@@ -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"
size="small"
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/textarea/autogrow/demo.html"
/>
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v7/textarea/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, IonList, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/textarea/basic/index.md
Original file line number Diff line number Diff line change
@@ -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"
size="250px"
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/textarea/basic/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/textarea/clear-on-edit/index.md
Original file line number Diff line number Diff line change
@@ -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"
size="xsmall"
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/textarea/clear-on-edit/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -1,9 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {
customCounterFormatter(inputLength: number, maxLength: number) {
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v7/textarea/fill/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 { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/textarea/fill/index.md
Original file line number Diff line number Diff line change
@@ -3,12 +3,24 @@ 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"
size="250px"
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/textarea/fill/demo.html"
mode="md"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
11 changes: 9 additions & 2 deletions static/usage/v7/textarea/helper-error/index.md
Original file line number Diff line number Diff line change
@@ -3,15 +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';

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,
angular: {
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
src="usage/v7/textarea/helper-error/demo.html"
size="200px"
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonList, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v7/textarea/label-placement/index.md
Original file line number Diff line number Diff line change
@@ -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/textarea/label-placement/demo.html"
size="300px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonList, IonText, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonText, IonTextarea],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v7/textarea/label-slot/index.md
Original file line number Diff line number Diff line change
@@ -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/textarea/label-slot/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/textarea/label-slot/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonList, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonTextarea],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v7/textarea/no-visible-label/index.md
Original file line number Diff line number Diff line change
@@ -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/textarea/no-visible-label/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/textarea/no-visible-label/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
```ts
import { Component } from '@angular/core';
import { IonButton, IonIcon, IonItem, IonList, IonTextarea } from '@ionic/angular/standalone';

import { addIcons } from 'ionicons';
import { eye, lockClosed } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { eye, lockClosed } from 'ionicons/icons';
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonButton, IonIcon, IonItem, IonList, IonTextarea],
})
export class ExampleComponent {
constructor() {
12 changes: 12 additions & 0 deletions static/usage/v7/textarea/theming/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 { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
4 changes: 3 additions & 1 deletion static/usage/v7/textarea/theming/index.md
Original file line number Diff line number Diff line change
@@ -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';
import angular_global_css from './angular/global_css.md';

<Playground
@@ -25,8 +26,9 @@ import angular_global_css from './angular/global_css.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,
'src/global.css': angular_global_css,
},
},
12 changes: 12 additions & 0 deletions static/usage/v8/textarea/autogrow/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, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/textarea/autogrow/index.md
Original file line number Diff line number Diff line change
@@ -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"
size="small"
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/textarea/autogrow/demo.html"
/>
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v8/textarea/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, IonList, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/textarea/basic/index.md
Original file line number Diff line number Diff line change
@@ -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"
size="250px"
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/textarea/basic/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/textarea/clear-on-edit/index.md
Original file line number Diff line number Diff line change
@@ -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"
size="xsmall"
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/textarea/clear-on-edit/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -1,9 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {
customCounterFormatter(inputLength: number, maxLength: number) {
File renamed without changes.
12 changes: 12 additions & 0 deletions static/usage/v8/textarea/fill/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 { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/textarea/fill/index.md
Original file line number Diff line number Diff line change
@@ -3,12 +3,24 @@ 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"
size="250px"
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/textarea/fill/demo.html"
mode="md"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
11 changes: 9 additions & 2 deletions static/usage/v8/textarea/helper-error/index.md
Original file line number Diff line number Diff line change
@@ -3,15 +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';

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,
angular: {
files: {
'src/app/example.component.html': angular_example_component_html,
'src/app/example.component.ts': angular_example_component_ts,
},
},
}}
src="usage/v8/textarea/helper-error/demo.html"
size="200px"
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonList, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonTextarea],
})
export class ExampleComponent {}
```
16 changes: 14 additions & 2 deletions static/usage/v8/textarea/label-placement/index.md
Original file line number Diff line number Diff line change
@@ -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/textarea/label-placement/demo.html"
size="300px"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonList, IonText, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonText, IonTextarea],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v8/textarea/label-slot/index.md
Original file line number Diff line number Diff line change
@@ -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/textarea/label-slot/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/textarea/label-slot/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
```ts
import { Component } from '@angular/core';
import { IonItem, IonList, IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonItem, IonList, IonTextarea],
})
export class ExampleComponent {}
```
20 changes: 18 additions & 2 deletions static/usage/v8/textarea/no-visible-label/index.md
Original file line number Diff line number Diff line change
@@ -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/textarea/no-visible-label/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/textarea/no-visible-label/demo.html"
/>
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
```ts
import { Component } from '@angular/core';
import { IonButton, IonIcon, IonItem, IonList, IonTextarea } from '@ionic/angular/standalone';

import { addIcons } from 'ionicons';
import { eye, lockClosed } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { eye, lockClosed } from 'ionicons/icons';
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonButton, IonIcon, IonItem, IonList, IonTextarea],
})
export class ExampleComponent {
constructor() {
12 changes: 12 additions & 0 deletions static/usage/v8/textarea/theming/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 { IonTextarea } from '@ionic/angular/standalone';

@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css'],
imports: [IonTextarea],
})
export class ExampleComponent {}
```
4 changes: 3 additions & 1 deletion static/usage/v8/textarea/theming/index.md
Original file line number Diff line number Diff line change
@@ -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';
import angular_global_css from './angular/global_css.md';

<Playground
@@ -25,8 +26,9 @@ import angular_global_css from './angular/global_css.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,
'src/global.css': angular_global_css,
},
},