Skip to content

Commit b85fc79

Browse files
brandyscarneybrandyscarney
authored
docs(animations): buttons in StackBlitz demos do not need id (#3037)
1 parent b7348bd commit b85fc79

File tree

12 files changed

+36
-54
lines changed

12 files changed

+36
-54
lines changed

‎static/usage/v7/animations/basic/angular/example_component_html.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<ion-card-content>Card</ion-card-content>
44
</ion-card>
55

6-
<ion-button id="play" (click)="play()">Play</ion-button>
7-
<ion-button id="pause" (click)="pause()">Pause</ion-button>
8-
<ion-button id="stop" (click)="stop()">Stop</ion-button>
6+
<ion-button (click)="play()">Play</ion-button>
7+
<ion-button (click)="pause()">Pause</ion-button>
8+
<ion-button (click)="stop()">Stop</ion-button>
99
```

‎static/usage/v7/animations/basic/javascript.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
<ion-card-content>Card</ion-card-content>
44
</ion-card>
55

6-
<ion-button id="play" onclick="animation.play()">Play</ion-button>
7-
<ion-button id="pause" onclick="animation.pause()">Pause</ion-button>
8-
<ion-button id="stop" onclick="animation.stop()">Stop</ion-button>
6+
<ion-button onclick="animation.play()">Play</ion-button>
7+
<ion-button onclick="animation.pause()">Pause</ion-button>
8+
<ion-button onclick="animation.stop()">Stop</ion-button>
99

1010
<script>
1111
var animation = createAnimation()

‎static/usage/v7/animations/basic/react.md

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -35,15 +35,9 @@ function Example() {
3535
<IonCardContent>Card</IonCardContent>
3636
</IonCard>
3737

38-
<IonButton id="play" onClick={play}>
39-
Play
40-
</IonButton>
41-
<IonButton id="pause" onClick={pause}>
42-
Pause
43-
</IonButton>
44-
<IonButton id="stop" onClick={stop}>
45-
Stop
46-
</IonButton>
38+
<IonButton onClick={play}>Play</IonButton>
39+
<IonButton onClick={pause}>Pause</IonButton>
40+
<IonButton onClick={stop}>Stop</IonButton>
4741
</>
4842
);
4943
}

‎static/usage/v7/animations/basic/vue.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
<ion-card-content>Card</ion-card-content>
55
</ion-card>
66

7-
<ion-button id="play" @click="play()">Play</ion-button>
8-
<ion-button id="pause" @click="pause()">Pause</ion-button>
9-
<ion-button id="stop" @click="stop()">Stop</ion-button>
7+
<ion-button @click="play()">Play</ion-button>
8+
<ion-button @click="pause()">Pause</ion-button>
9+
<ion-button @click="stop()">Stop</ion-button>
1010
</template>
1111

1212
<script lang="ts">

‎static/usage/v7/animations/chain/angular/example_component_html.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<ion-card-content>Card 3</ion-card-content>
1212
</ion-card>
1313

14-
<ion-button id="play" (click)="play()">Play</ion-button>
15-
<ion-button id="pause" (click)="pause()">Pause</ion-button>
16-
<ion-button id="stop" (click)="stop()">Stop</ion-button>
14+
<ion-button (click)="play()">Play</ion-button>
15+
<ion-button (click)="pause()">Pause</ion-button>
16+
<ion-button (click)="stop()">Stop</ion-button>
1717
```

‎static/usage/v7/animations/chain/javascript.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@
1111
<ion-card-content>Card 3</ion-card-content>
1212
</ion-card>
1313

14-
<ion-button id="play" onclick="play()">Play</ion-button>
15-
<ion-button id="pause" onclick="pause()">Pause</ion-button>
16-
<ion-button id="stop" onclick="stop()">Stop</ion-button>
14+
<ion-button onclick="play()">Play</ion-button>
15+
<ion-button onclick="pause()">Pause</ion-button>
16+
<ion-button onclick="stop()">Stop</ion-button>
1717

1818
<script>
1919
const cardA = createAnimation()

‎static/usage/v7/animations/chain/react.md

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -79,15 +79,9 @@ function Example() {
7979
<IonCardContent>Card 3</IonCardContent>
8080
</IonCard>
8181

82-
<IonButton id="play" onClick={play}>
83-
Play
84-
</IonButton>
85-
<IonButton id="pause" onClick={pause}>
86-
Pause
87-
</IonButton>
88-
<IonButton id="stop" onClick={stop}>
89-
Stop
90-
</IonButton>
82+
<IonButton onClick={play}>Play</IonButton>
83+
<IonButton onClick={pause}>Pause</IonButton>
84+
<IonButton onClick={stop}>Stop</IonButton>
9185
</>
9286
);
9387
}

‎static/usage/v7/animations/chain/vue.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@
1212
<ion-card-content>Card 3</ion-card-content>
1313
</ion-card>
1414

15-
<ion-button id="play" @click="play()">Play</ion-button>
16-
<ion-button id="pause" @click="pause()">Pause</ion-button>
17-
<ion-button id="stop" @click="stop()">Stop</ion-button>
15+
<ion-button @click="play()">Play</ion-button>
16+
<ion-button @click="pause()">Pause</ion-button>
17+
<ion-button @click="stop()">Stop</ion-button>
1818
</template>
1919

2020
<script lang="ts">

‎static/usage/v7/animations/group/angular/example_component_html.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<ion-card-content>Card 3</ion-card-content>
1212
</ion-card>
1313

14-
<ion-button id="play" (click)="play()">Play</ion-button>
15-
<ion-button id="pause" (click)="pause()">Pause</ion-button>
16-
<ion-button id="stop" (click)="stop()">Stop</ion-button>
14+
<ion-button (click)="play()">Play</ion-button>
15+
<ion-button (click)="pause()">Pause</ion-button>
16+
<ion-button (click)="stop()">Stop</ion-button>
1717
```

‎static/usage/v7/animations/group/javascript.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@
1111
<ion-card-content>Card 3</ion-card-content>
1212
</ion-card>
1313

14-
<ion-button id="play" onclick="animation.play()">Play</ion-button>
15-
<ion-button id="pause" onclick="animation.pause()">Pause</ion-button>
16-
<ion-button id="stop" onclick="animation.stop()">Stop</ion-button>
14+
<ion-button onclick="animation.play()">Play</ion-button>
15+
<ion-button onclick="animation.pause()">Pause</ion-button>
16+
<ion-button onclick="animation.stop()">Stop</ion-button>
1717

1818
<script>
1919
const cardA = createAnimation()

‎static/usage/v7/animations/group/react.md

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -65,15 +65,9 @@ function Example() {
6565
<IonCardContent>Card 3</IonCardContent>
6666
</IonCard>
6767

68-
<IonButton id="play" onClick={play}>
69-
Play
70-
</IonButton>
71-
<IonButton id="pause" onClick={pause}>
72-
Pause
73-
</IonButton>
74-
<IonButton id="stop" onClick={stop}>
75-
Stop
76-
</IonButton>
68+
<IonButton onClick={play}>Play</IonButton>
69+
<IonButton onClick={pause}>Pause</IonButton>
70+
<IonButton onClick={stop}>Stop</IonButton>
7771
</>
7872
);
7973
}

‎static/usage/v7/animations/group/vue.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@
1212
<ion-card-content>Card 3</ion-card-content>
1313
</ion-card>
1414

15-
<ion-button id="play" @click="play()">Play</ion-button>
16-
<ion-button id="pause" @click="pause()">Pause</ion-button>
17-
<ion-button id="stop" @click="stop()">Stop</ion-button>
15+
<ion-button @click="play()">Play</ion-button>
16+
<ion-button @click="pause()">Pause</ion-button>
17+
<ion-button @click="stop()">Stop</ion-button>
1818
</template>
1919

2020
<script lang="ts">

0 commit comments

Comments
 (0)