Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore: lint content #3020

Merged
merged 1 commit into from
Jul 6, 2023
Merged

chore: lint content #3020

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
8 changes: 4 additions & 4 deletions docs/vue/lifecycle.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,12 @@ This guide discusses how to use the Ionic Framework Lifecycle events in an Ionic

Ionic Framework provides a few lifecycle methods that you can use in your apps:

| Event Name | Description |
| Event Name | Description |
| ------------------ | ------------------------------------------------------------------ |
| `ionViewWillEnter` | Fired when the component routing to is about to animate into view. |
| `ionViewDidEnter` | Fired when the component routing to has _finished_ animating. |
| `ionViewWillLeave` | Fired when the component routing _from_ is about to animate. |
| `ionViewDidLeave` | Fired when the component routing _from_ has _finished_ animating. |
| `ionViewDidEnter` | Fired when the component routing to has _finished_ animating. |
| `ionViewWillLeave` | Fired when the component routing _from_ is about to animate. |
| `ionViewDidLeave` | Fired when the component routing _from_ has _finished_ animating. |

These lifecycles are only called on components directly mapped by a router. This means if `/pageOne` maps to `PageOneComponent`, then Ionic lifecycles will be called on `PageOneComponent` but will not be called on any child components that `PageOneComponent` may render.

Expand Down
6 changes: 1 addition & 5 deletions static/usage/v7/input/label-slot/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,4 @@ 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/input/label-slot/demo.html"
/>
<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/input/label-slot/demo.html" />
4 changes: 3 additions & 1 deletion static/usage/v7/input/label-slot/react.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,9 @@ function Example() {
<IonList>
<IonItem>
<IonInput labelPlacement="floating" value="hi@ionic.io">
<div slot="label">Email <IonText color="danger">(Required)</IonText></div>
<div slot="label">
Email <IonText color="danger">(Required)</IonText>
</div>
</IonInput>
</IonItem>
</IonList>
Expand Down
6 changes: 1 addition & 5 deletions static/usage/v7/input/no-visible-label/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,4 @@ 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/input/no-visible-label/demo.html"
/>
<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/input/no-visible-label/demo.html" />
6 changes: 3 additions & 3 deletions static/usage/v7/list/inset/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@ import vue from './vue.md';
import angular from './angular.md';

<Playground
version="7"
code={{ javascript, react, vue, angular }}
src="usage/v7/list/inset/demo.html"
version="7"
code={{ javascript, react, vue, angular }}
src="usage/v7/list/inset/demo.html"
size="350px"
includeIonContent={false}
/>
2 changes: 1 addition & 1 deletion static/usage/v7/range/basic/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,4 +7,4 @@ 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/range/basic/demo.html" />
<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/range/basic/demo.html" />
4 changes: 1 addition & 3 deletions static/usage/v7/range/label-slot/angular.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
```html
<ion-range>
<div slot="label">
Label with <ion-text color="primary">custom HTML</ion-text>
</div>
<div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
</ion-range>
```
4 changes: 1 addition & 3 deletions static/usage/v7/range/label-slot/demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,7 @@
<ion-content>
<div class="container">
<ion-range>
<div slot="label">
Label with <ion-text color="primary">custom HTML</ion-text>
</div>
<div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
</ion-range>
</div>
</ion-content>
Expand Down
4 changes: 1 addition & 3 deletions static/usage/v7/range/label-slot/javascript.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
```html
<ion-range>
<div slot="label">
Label with <ion-text color="primary">custom HTML</ion-text>
</div>
<div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
</ion-range>
```
4 changes: 1 addition & 3 deletions static/usage/v7/range/label-slot/vue.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
```html
<template>
<ion-range>
<div slot="label">
Label with <ion-text color="primary">custom HTML</ion-text>
</div>
<div slot="label">Label with <ion-text color="primary">custom HTML</ion-text></div>
</ion-range>
</template>

Expand Down
8 changes: 4 additions & 4 deletions static/usage/v7/range/labels/demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,13 @@
<div class="container">
<div class="wrapper">
<ion-range label-placement="start" label="Label at the Start"></ion-range>

<br />

<ion-range label-placement="end" label="Label at the End"></ion-range>

<br />

<ion-range label-placement="fixed" label="Fixed Width Label"></ion-range>
</div>
</div>
Expand Down
4 changes: 3 additions & 1 deletion static/usage/v7/select/label-slot/react.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,9 @@ function Example() {
<IonList>
<IonItem>
<IonSelect placeholder="Select a Fruit">
<div slot="label">Favorite Fruit <IonText color="danger">(Required)</IonText></div>
<div slot="label">
Favorite Fruit <IonText color="danger">(Required)</IonText>
</div>
<IonSelectOption value="apple">Apple</IonSelectOption>
<IonSelectOption value="banana">Banana</IonSelectOption>
<IonSelectOption value="orange">Orange</IonSelectOption>
Expand Down
12 changes: 6 additions & 6 deletions static/usage/v7/select/label-slot/vue.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
<template>
<ion-list>
<ion-item>
<ion-select placeholder="Select a Fruit">
<div slot="label">Favorite Fruit <ion-text color="danger">(Required)</ion-text></div>
<ion-select-option value="apple">Apple</ion-select-option>
<ion-select-option value="banana">Banana</ion-select-option>
<ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
<ion-select placeholder="Select a Fruit">
<div slot="label">Favorite Fruit <ion-text color="danger">(Required)</ion-text></div>
<ion-select-option value="apple">Apple</ion-select-option>
<ion-select-option value="banana">Banana</ion-select-option>
<ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
</template>
Expand Down
10 changes: 5 additions & 5 deletions static/usage/v7/select/no-visible-label/vue.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
<template>
<ion-list>
<ion-item>
<ion-select aria-label="Favorite Fruit" value="apple">
<ion-select-option value="apple">Apple</ion-select-option>
<ion-select-option value="banana">Banana</ion-select-option>
<ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
<ion-select aria-label="Favorite Fruit" value="apple">
<ion-select-option value="apple">Apple</ion-select-option>
<ion-select-option value="banana">Banana</ion-select-option>
<ion-select-option value="orange">Orange</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
</template>
Expand Down
6 changes: 1 addition & 5 deletions static/usage/v7/textarea/label-slot/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,4 @@ 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"
/>
<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/textarea/label-slot/demo.html" />
4 changes: 3 additions & 1 deletion static/usage/v7/textarea/label-slot/react.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,9 @@ function Example() {
<IonList>
<IonItem>
<IonTextarea labelPlacement="floating" value="Lorem Ipsum">
<div slot="label">Comments <IonText color="danger">(Required)</IonText></div>
<div slot="label">
Comments <IonText color="danger">(Required)</IonText>
</div>
</IonTextarea>
</IonItem>
</IonList>
Expand Down
6 changes: 1 addition & 5 deletions static/usage/v7/textarea/no-visible-label/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,4 @@ 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"
/>
<Playground version="7" code={{ javascript, react, vue, angular }} src="usage/v7/textarea/no-visible-label/demo.html" />